色轮探索器

步 1 / 4

选择基准色

色相: 饱和度: 亮度:

在色轮上拖动标记点，配色标记便会随之旋转，互补色相距180°、三元色相距120°，此外还有类似色、分裂互补色和四元色。在 HSL（工程色轮）与 RYB（艺术家色轮）之间切换，比较两者的差异，并将你最满意的组合复制为调色板。

1

在色轮上拖动标记点

标记点用于设定基准色。饱和度和明度可通过独立的滑块调节。
2

选择配色

互补色、类似色、三元色、分裂互补色、四元色、单色。配色标记会随基准色一起旋转。
3

切换模型（HSL 与 RYB）

HSL 色轮呈对称分布（红色对应青色，绿色对应品红色）；RYB 色轮则为非对称分布（红色对应绿色，蓝色对应橙色，更符合颜料混合的直观规律）。
4

复制调色板

提供基准色及各配色标记的 HEX、RGB、HSL 值；可复制为 CSS 变量、Sass 映射或普通 CSV。

两种色轮都将颜色排成圆形，但对于哪些颜色互为“对立色”却有不同看法：

两者各有用途：屏幕作业使用 HSL；注重绘画媒介的直观体验时使用 RYB。

人类真实的色彩感知远比任何一种色轮所呈现的复杂。Munsell 系统、LAB 和 OKLCH 都试图实现感知上均匀的排列，但它们并不构成简单的圆形，在每种色相下，色度都会随明度变化。对于成熟的设计系统工作，感知色彩空间能比色轮给出更干净的结果；而在概念性的色彩探索上，色轮仍以其清晰直观而占优。

数字设计（CSS、屏幕、UI）选 HSL。当你考虑的是绘画、印刷或传统艺术，并希望沿用美术学院那套传统配色直觉时，则选 RYB。

两个模型的色相排列方式不同。HSL 使用 sRGB 色相角，因此青色位于红色的对面；传统 RYB 惯例则把绿色放在红色对面。这里的 RYB 只是视觉近似，不能预测具体颜料混合后的结果。

在教学、构思创意和与客户沟通方面会用；而在精细的配色工作中，专业人士越来越多地采用感知色彩空间（LAB、OKLCH），其中明度与色度不再受色相影响。

请将调色板复制为 CSS、Sass 或 CSV，并保存到自己的工作位置。本工具不提供调色板库或账户存储。在四步流程中，当前可见的色轮设置会写入 URL，并可能保留在浏览器历史记录中。