Skip to content

Color 颜色

为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。

热门搭配色

精心挑选的色彩搭配方案,每一组颜色都经过专业的色彩理论验证,确保在视觉上和谐统一。这些搭配色不仅具有良好的视觉层次感,还能有效传达不同的情感和品牌调性。

使用建议

建议在同一个设计项目中选择一组搭配色作为主色调,可以根据不同的功能区域和重要程度来分配这些颜色的使用。主色用于关键操作和品牌标识,辅助色用于次要信息和装饰元素。

主蓝+石绿+竹篁绿+海沬绿+海棠红
复制
#247BA0
复制
#70C1B3
复制
#B2DBBF
复制
#F3FFBD
复制
#FF1654
钢蓝+海参灰+石绿+唐菖蒲红+枇杷黄
复制
#011627
复制
#FDFFFC
复制
#2EC4B6
复制
#E71D36
复制
#FF9F1C
淡曙红+嫩菊绿+粉蓝色+蝶翅蓝+深牡丹蓝
复制
#E63946
复制
#F1FAEE
复制
#A8DADC
复制
#457B9D
复制
#1D3557
淡蕊香红+淡密黄+中等海蓝+鸢尾蓝+灰蓝
复制
#EF476F
复制
#FFD166
复制
#06D6A0
复制
#118AB2
复制
#073B4C
枇杷黄+蜜黄+白色+海天蓝+石绿
复制
#FF9F1C
复制
#FFBF69
复制
#FFFFFF
复制
#CBF3F0
复制
#2EC4B6
朱红+鸡蛋黄+睛蓝+芽绿+酷黑
复制
#F6511D
复制
#FFB400
复制
#00A6ED
复制
#7FB800
复制
#0D2C54
羽扇豆蓝+麦秆黄+北瓜黄+珊瑚红+甜棕色
复制
#6699CC
复制
#FFF275
复制
#FF8C42
复制
#FF3C38
复制
#A23E48
淡翠绿+淡牵牛紫+太妃糖粉+杏仁黄+湖水蓝
复制
#D3F8E2
复制
#E4C1F9
复制
#F694C1
复制
#EDE7B1
复制
#A9DEF9
艾绿+松霜绿+飞泉绿+绿灰+灰蓝
复制
#CAD2C5
复制
#84A98C
复制
#52796F
复制
#354F52
复制
#2F3E46
玉粉红+黄棕色+豆汁黄+湖水蓝+碧绿色
复制
#FFC09F
复制
#FFEE93
复制
#FCF5C7
复制
#A0CED9
复制
#ADF7B6

热门渐变色

枫叶红+杜若色
复制
#B92B27
复制
#1565C0
钢青+战舰灰
复制
#16222A
复制
#3A6073
潮蓝+蓝松石+白色
复制
#2980B9
复制
#6DD5FA
复制
#FFFFFF
莲子白+鹿角棕
复制
#EACDA3
复制
#D6AE7B
羽扇豆蓝+粉蓝色
复制
#83A4D4
复制
#B6FBFF
泰坦白+无花果红
复制
#DDD6F3
复制
#FAACA8
丁香淡紫+蓝松石
复制
#EAD6EE
复制
#A0F1EA
加勒比海蓝+碧绿色
复制
#00C9FF
复制
#92FE9D
蛋壳黄+紫红色
复制
#EEBD89
复制
#D13ABD
淡蓝紫+海沬绿
复制
#9FA5D5
复制
#E8F5C6

更多色彩搭配请参考炫酷配色