色彩
为了更加易于操作和人性化而设计出的标识特定功能的图形标志。基础色板 #
ZR基础色板一共8个,这些颜色基本可以满足中后台设计中对于颜色的需求。
此色板还具备进一步拓展的能力,结合了色彩自然变化的规律,获得一套色彩生成工具,当有进一步色彩设计需求时,设计者只需按照一定规则定义完毕主色,便可以自动获得一系列完整的衍生色。
- JD RED 1#FFEFEC
- JD RED 2#FFCDC2
- JD RED 3#FFA899
- JD RED 4#FC7F6F
- JD RED 5#F15142
- JD RED 6#E2231A
- JD RED 7#BD190C
- JD RED 8#961205
- JD RED 9#700A07
- JD RED 10#4A0506
- ORANGE 1#FFF8E6
- ORANGE 2#FFE2A4
- ORANGE 3#FFD37A
- ORANGE 4#FFBF53
- ORANGE 5#FFA92A
- ORANGE 6#FF9101
- ORANGE 7#D97402
- ORANGE 8#B35A01
- ORANGE 9#8B4102
- ORANGE 10#662C00
- YELLOW 1#FDFEE6
- YELLOW 2#FDFDA4
- YELLOW 3#FFFC79
- YELLOW 4#FEF951
- YELLOW 5#FEF128
- YELLOW 6#FFE600
- YELLOW 7#D9BC02
- YELLOW 8#B39501
- YELLOW 9#8B7001
- YELLOW 10#654D01
- GREEN 1#F7FEE6
- GREEN 2#DFFCA4
- GREEN 3#C3EF75
- GREEN 4#A5E34B
- GREEN 5#89D624
- GREEN 6#6CC902
- GREEN 7#51A202
- GREEN 8#397C00
- GREEN 9#265700
- GREEN 10#143001
- CYANN 1#D3EBE8
- CYANN 2#A2DED9
- CYANN 3#77D1CD
- CYANN 4#51C4C2
- CYANN 5#2EB5B8
- CYANN 6#10A5AC
- CYANN 7#057A85
- CYANN 8#00535E
- CYANN 9#003038
- CYANN 10#000F12
- ZR BLUE 1#F0F6FF
- ZR BLUE 2#E8EFFF
- ZR BLUE 3#BFD1FF
- ZR BLUE 4#96B1FF
- ZR BLUE 5#6E8DFF
- ZR BLUE 6#4363F4
- ZR BLUE 7#2E45D0
- ZR BLUE 8#1D2DA7
- ZR BLUE 9#101A81
- ZR BLUE 10#0A0D5C
- BLUE 1#EBFAFF
- BLUE 2#C3EEFF
- BLUE 3#99E0FE
- BLUE 4#6FCBFC
- BLUE 5#42AEF1
- BLUE 6#1A90E2
- BLUE 7#0D6DBE
- BLUE 8#034F96
- BLUE 9#00366F
- BLUE 10#00224B
- PURPLE 1#F5E9FF
- PURPLE 2#E0BFFF
- PURPLE 3#C896FE
- PURPLE 4#AC6BFA
- PURPLE 5#883FEE
- PURPLE 6#642DE1
- PURPLE 7#4724BA
- PURPLE 8#301994
- PURPLE 9#1F106E
- PURPLE 10#130747
中性色板 #
中性色包含黑、白、灰,是页面设计中最常用的颜色,色板包含10个不同灰度的中性色。
- GREY 1#F5E9FF
- GREY 2#E0BFFF
- GREY 3#C896FE
- GREY 4#AC6BFA
- GREY 5#883FEE
- GREY 6#642DE1
- GREY 7#4724BA
- GREY 8#301994
- GREY 9#1F106E
- GREY 10#130747
自定义色板 #
除了色板定义的8种颜色,设计师可以自定义生成自己色板。
- ZR BLUE 1#F0F6FF
- ZR BLUE 2#E8EFFF
- ZR BLUE 3#BFD1FF
- ZR BLUE 4#96B1FF
- ZR BLUE 5#6E8DFF
- ZR BLUE 6#4363F4
- ZR BLUE 7#2E45D0
- ZR BLUE 8#1D2DA7
- ZR BLUE 9#101A81
- ZR BLUE 10#0A0D5C
色彩使用规范 #
在我们的色板算法中,每一种颜色都将衍生出10个色阶,而每一种色阶都可以定义它所对应的状态,主要的使用如下图所示。
颜色规范示例
每一种颜色的6号色都为其色系的标准色