配色和谐调色板：互补色、三角色与 RYB 色环

使用方法

用取色器选择 基准色，或在 十六进制色码 中输入色码。
选择 配色方式，两个色环和颜色列表会同时变化。
先看 HSL 色环 了解屏幕颜色，再看 画家的 RYB 色环 了解绘画时的配色。
点击颜色旁的复制按钮，即可复制它的十六进制色码。

七种配色方式

互补色是色环上相对的两种颜色。类似色是一个基准色加上它两侧的颜色。三角色是三种等距颜色，在色环上构成一个等边三角形。分裂互补色取基准色对面颜色两侧的两种颜色。四角色由两对互补色组成一个矩形，见维基百科的配色和谐条目)（英文）。

方形取四种间隔90度的颜色，单色则保留一个色相、只改变明度。这两种是通行的习惯用法；本工具使用下面列出的角度。

互补色：基准色与基准色 + 180°
类似色：基准色 − 30°、基准色与基准色 + 30°
三角色：基准色、+ 120° 与 + 240°
分裂互补色：基准色、+ 150° 与 + 210°
四角色：基准色、+ 60°、+ 180° 与 + 240°
方形：基准色、+ 90°、+ 180° 与 + 270°
单色：基准色的色相，在基准色周围取明度20%、35%、50%、65% 和80%

画家的 RYB 色环与近似方法

画家的色环以红、黄、蓝三原色为基础，三者混合可得其余颜色：红加黄得橙，红加蓝得紫，蓝加黄得绿，如维基百科的 RYB 色彩模型条目（英文）所述。因此在本色环上，红的互补色是绿，而在屏幕色环上是青。

屏幕颜色无法像颜料那样混合，所以本工具采用 Gossett 与 Chen（2004）《Paint Inspired Color Mixing and Compositing for Visualization》中的近似方法。该文给出了 RYB 立方体八个角的 RGB 颜色，其间的颜色则用其平滑插值规则求得。基准色被放在该映射中最近的位置上。这种近似适合规划配色，不是对颜料的测量：不同品牌的颜料，以及调色方式不同，结果都会有所差异。

饱和度低于10% 的颜色在 RYB 色环上没有色相，因此页面只显示这一种颜色。

计算示例：纯红色的各种配色

在 HSL 色环上，#FF0000的互补色是青色。在画家的色环上，红的互补色是绿色；三角色中的红则是红、黄，以及该论文立方体中的蓝 #2A5F99，而不是屏幕上的蓝。

两个色环使用相同的角度，因此差异来自色环本身，而不是配色方式的选择。

#FF0000的配色	HSL 色环	RYB 色环
互补色	#00FFFF（青）	#00A833（绿）
三角色	#00FF00、#0000FF	#FFFF00、#2A5F99

常见问题

HSL 色环与 RYB 色环有什么区别？

HSL 色环是屏幕使用的色环，以红、绿、蓝为三原色。RYB 色环使用红、黄、蓝，也就是颜料的三原色，因此它的配色可能与屏幕色环不同。

为什么在画家的色环上红的互补色是绿色？

绿色由蓝和黄混合而成，因此在红黄蓝色环上它与红相对。在屏幕上，红的对面是青色，因为屏幕混合的是光，而不是颜料。

RYB 颜色准确吗？

不准确。它们是对颜料混合方式的近似，基于 Gossett 与 Chen 的立方体映射。可以用它规划配色，然后在您将要使用的表面上检查真实的颜料。

为什么灰色只显示一种颜色？

灰色没有色相，因此在色环上没有可以协调的角度。页面只显示这一种颜色，而不会为它凭空添加色相。

画一幅画应该选哪种配色方式？

互补色对比强烈，能吸引视线；类似色柔和而统一；三角色和四角色的颜色更多，需要更多平衡。调色之前，先在色环上试几种配色。

资料来源

数据和文字最近核对于2026年11月10日星期二。