色彩

Honeycom design 推荐使用以下调色板的颜色作为设计和开发规范，以保证页面和组件之间的视觉一致，我们提供了系统级色彩和产品级色彩。主要定义了中台设计中的基础色板、中性色和数据可视化色板。产品级色彩体系则是在具体设计过程中，基于系统色彩进一步定义符合产品调性以及功能诉求的颜色。

主题色

我们提供了系统级色彩和产品级色彩。主要定义了中台设计中的基础色板、中性色和数据可视化色板。产品级色彩体系则是在具体设计过程中，基于系统色彩进一步定义符合产品调性以及功能诉求的颜色。

#EBF2FF

#CCDDFF

#A8C5FF

#84ADFF

#6397FF

#4583FF

#266EFF

#175BE5

#044AD6

#003EBD

#D9EDFF

#B3DAFF

#8CC8FF

#66B5FF

#40A3FF

#1990FF

#1784EB

#1579D6

#126BBD

#105CA3

#E5F7F8

#C2EFF0

#8ADDE2

#58CBD3

#2CB8C5

#05A4B6

#038698

#016979

#004D5B

#003B47

#EDFDF7

#C9F9E8

#A5F3D9

#70EBC2

#3CD4A1

#1CC78D

#13A374

#167E5A

#126246

#0F523A

#F3F8EC

#E3F0D0

#C8E2A5

#ADD37E

#93C55B

#7BB63C

#649830

#4E7926

#395B1B

#253D12

#FFFAEA

#FEEFC3

#FCE187

#FBD34B

#FBC824

#F0BA06

#E0AC01

#CEA405

#AF8B04

#886C05

#ECEFF8

#D1D8F0

#A7B3E1

#8090D3

#5E6FC4

#3F51B5

#3342A1

#28348C

#1F2878

#171D63

#F3EDF9

#E2D1F4

#C4A7E9

#A67FDD

#885BD2

#6A3BC7

#5730B3

#47269E

#361C8A

#281475

#FDECEF

#FBCFD8

#F6A0B5

#F27396

#ED487B

#E91E63

#C51356

#A20B48

#7E053A

#5A012B

#FFF1F1

#FFE7E7

#FFC3C3

#FFA9A9

#FD9191

#FD9191

#FF4C4C

#F14646

#D33A3A

#B23333

#FFEDE0

#FFD6BA

#FFC39C

#FFAE78

#FF9A57

#FF8838

#FF8838

#E55C00

#CC5201

#B24700

#FFEFD2

#FFE7C5

#FFDAA3

#FECE86

#FFBF61

#FFB240

#FEA522

#FF9902

#E78A00

#D47F00

默认系统主题

景泰蓝

经典黑

#266EFF #4A85F6 #55B8FF

#266EFF

#434459

#333742

自定义主题色彩

天空蓝

#02A7F5

宝石蓝

#3A82CF

橄榄绿

#2D9F61

欢快橙

#FA5A1E

活力火

#F23C39

经典黑

#434459

功能色彩

功能色代表了明确的信息以及状态，比如成功、出错、失败、提醒、链接等。功能色的选取需要遵守用户对色彩的基本认知。我们建议在一套产品体系下，功能色尽量保持一致，不要有过多的自定义干扰用户的认知体验。

#266EFF

超链接

#1CC78D

成功

#FF9902

警示

#FF4C4C

错误

色彩心理学：色彩对人的心理和生理都会产生影响，特别是和情绪有非常密切的关系。

红色：红色象征轰轰烈烈、热情、性感、威望、自信，也会给人血腥、暴力、忌妒、控制的印象，易造成心理压力。

黄色：黄色是极其温暖的颜色，能刺激大脑中与焦虑有关的区域，具有警告的效果。

绿色：绿色给人安全感，象征自由和平、新鲜舒适，给人清新、有活力、快乐的感受。

蓝色：蓝色是灵性知性兼具的色彩，象征希望、理想、独立，可以让自己、也让对方完全放松。

中性色

中性色包含了黑、白、灰。在ERP和明源其它中后台系统中被大量使用到，合理地选择中性色能够令页面信息具备良好的主次关系，助力阅读体验。我们的中性色版，包含了从黑到白到7个颜色。中性色常用于文字、辅助信息、禁用等。

#333333

主要文本

#666666

次要文本 表单Label

#999999

说明文字 线性图标(默认)

#C5C5C5

面性图标(默认) 线性图标(禁用)

#DDDDDD

边框

#EAEAEA

分割线

#F5F5F5

表格悬停背景 控件禁用背景

#F8F8F8

左侧导航背景 用于天际后台

#FBFBFB

表头背景

#FFFFFF

控件背景(默认)

• 主题色
• 功能色彩
• 中性色

登录