仪表盘的推荐配色

2022-05-11 更新
105 次浏览

图表颜色搭配规范

为了使用工作区整体体验一致性与视觉舒适感,工作区logo颜色、banner颜色、图标颜色、表格颜色尽量要设计为同一色系。

下面我们为大家准备了一些颜色的配色搭配模板供大家使用。

注:表格里色号可直接复制使用哦~

红色系

主色 辅助色01 辅助色02 辅助色03
红色_01 E64747 EF7473 FF8C36 FCC353
红色_02 EB164B FC90BC F7C6BB FD9174

橙色系

主色 辅助色01 辅助色02 辅助色03
橙色_01 FF8B59 F7DF52 CD6B5C E1A79D
橙色_02 FFBD5E FFE155 C24B38 FF8B59

黄色系

主色 辅助色01 辅助色02 辅助色03 辅助色04
黄色_01 F8BE3D FD612C B50D35 F38665 D1D1ED
黄色_02 FEBF34 FD834C 63B086 C4D6DC

绿色系

主色 辅助色01 辅助色02 辅助色03 辅助色04
绿色_01 49B204 BDCB0F EAE5BD 5CD6D0 95B7EB
绿色_02 9ACBC7 EAB1BC A9CE52 2CC495 80C0E0

蓝色系

主色 辅助色01 辅助色02 辅助色03 辅助色04
蓝色_01 18A6EB 3C67D3 4ADEDC 7FD6F4 3DD1B4
蓝色_02 78B5FC 4467F2 B26EFD 4ADEDC

浅紫色系

主色 辅助色01 辅助色02 辅助色03
紫色_01 6957EE EEA4FB 79C8F3 B3BEE9
紫色_02 DDA4FC FED2FC F7D0C5 A18ECF

深紫色系

主色 辅助色01 辅助色02 辅助色03 辅助色04
深紫色_01 7D3AFF F790F8 53C0F4 8AB3FC 18A6EB
深紫色_02 B26EFD F4C4FA F4E4B7 8AB3FC

深色系

主色 辅助色01 辅助色02 辅助色03 辅助色04
深色_01 582ECC 744DB2 CD41D9 F4C4FA B26EFD
深色_02 3E3EDD 25AEF2 80E7ED A4A4F7
0 0