Color.edu.kg
返回资源
精选配色

色彩方案

面向界面、教学材料和视觉识别的可直接使用色彩系统。

基础方案

12

覆盖色值

72

适用场景

UI 与品牌

每组配色都围绕明确场景组织,兼顾对比度和明暗层级,不只是好看的色块展示,也能落到真实页面。

精选资源

课堂专注

蓝绿主色搭配温暖中性色

适合学习平台、练习册和大量阅读页面的平静配色。

色值

#2563EB
#14B8A6
#F59E0B
#F8FAFC
#1E293B
作品集工作室

编辑感强调色与稳定中性色

高能量强调色搭配克制深色文字,适合设计案例展示。

色值

#E11D48
#7C3AED
#06B6D4
#FAFAF9
#18181B
开发者控制台

状态色与无障碍基础表面

适合仪表盘、代码工具和技术文档的易读界面色。

色值

#0F766E
#2563EB
#CA8A04
#DC2626
#111827
青年工作坊

鲜明色彩搭配实用背景色

更明亮的活动配色,适合海报、课程活动和学生创作。

色值

#F97316
#84CC16
#06B6D4
#A855F7
#FFF7ED
最佳实践
  • 先确定一个主要行动色,再根据真实布局分配辅助色和反馈色。
  • 在实际背景上测试文字和图标颜色,不只是在中性样例上测试。
  • 每组配色至少保留两个安静的中性色,让信息密集页面有呼吸空间。
色彩方案 - Color.edu.kg | Color.edu.kg