📚 互动学习
本指南包含互动组件，帮助你理解色彩理论概念。试试下方的色轮和配色和谐可视化工具！
什么是色彩理论？
色彩理论是一门关于如何使用颜色的艺术与科学。它解释人类如何感知颜色，以及颜色混合、搭配或形成对比时产生的视觉效果。色彩理论也包含颜色传达的信息，以及复现颜色的方法。
理解色彩理论对设计师、艺术家以及所有从事视觉媒介工作的人都很重要。它能帮助你创造更有吸引力的设计、传达情绪，并改善用户体验。
色轮
色轮是展示颜色之间关系的环形图。它是色彩理论的基础，帮助我们理解颜色如何相互作用。
互动色轮
#00FFFF
HSL(180, 100%, 50%)
使用方法：
- • 点击色轮选择颜色
- • 调节滑块进行微调
- • 实时查看 HSL 和 HEX 值更新
原色
原色是基础颜色，不能通过混合其他颜色得到。具体的原色取决于所使用的色彩模型：
- 传统 (RYB)：红、黄、蓝 - 用于艺术、绘画和传统色彩理论
- 数字显示 (RGB)：红、绿、蓝 - 用于屏幕、数字设计和加色混合
- 印刷 (CMY)：青、洋红、黄 - 用于印刷和减色混合
二次色
二次色由两种原色混合而成。结果因模型而异：
- 传统：橙色（红 + 黄）、绿色（黄 + 蓝）、紫色（蓝 + 红）
- 数字：黄色（红 + 绿）、青色（绿 + 蓝）、洋红色（蓝 + 红）
三次色
三次色由一种原色与色轮上相邻的二次色混合而成，例如红橙、黄绿、蓝绿等。
颜色属性
色相
用来区分红、蓝、绿等颜色类别的属性。也就是我们通常所说的“颜色”，在色轮上以角度表示 (0-360°)。
饱和度
颜色的强度或纯度。高饱和度颜色鲜明明亮，低饱和度颜色则显得暗淡或偏灰。
明度
颜色的明暗程度。加入白色会形成淡色 (Tint)，加入黑色会形成暗色 (Shade)，加入灰色会形成调色 (Tone)。
色彩和谐
色彩和谐指颜色在视觉上令人愉悦的组合。当颜色之间关系协调，并形成秩序与平衡感时，就会产生和谐效果。
色彩和谐可视化
互补色
色轮上相对的颜色（相差 180°）。能形成高对比和鲜明效果。
#19E6E6
#E61919
#19E6E6
hsl(180, 80%, 50%)
#E61919
hsl(0, 80%, 50%)
设计建议：
- • 互补色适合高对比和行动号召按钮
- • 类似色能创造平静、舒适的设计
- • 三角色方案既鲜明又保持平衡
- • 单色方案能创建简洁、极简的界面
为什么色彩和谐很重要
- • 创造视觉兴趣并组织信息
- • 唤起情绪并建立氛围
- • 让设计更统一、更专业
- • 提升用户体验和可读性
色彩温度
暖色
暖色包括红、橙、黄。它们能唤起能量、热情和快乐。
冷色
冷色包括蓝、绿、紫。它们传达平静、信任和专业感。
练习测验
通过这个互动测验检验你对色彩理论的理解。
色彩理论测验
第 1 题，共 5 题What are the three primary colors traditionally used in art, painting, and color theory?
关键要点
- ✓色轮是色彩理论的基础，用来展示颜色之间的关系
- ✓原色、二次色和三次色构成所有配色组合的基础
- ✓色相、饱和度和明度定义了每一种颜色的属性
- ✓色彩和谐能创造美观且平衡的配色方案
- ✓暖色带来活力，冷色带来平静 - 应在设计中有意识地使用