跳到正文
在此运行 完全在你的浏览器里运行,不上传、不登录

色轮配色

在交互色轮上选色,生成互补、三角、类似或分裂互补配色。

#808080

配色色卡

色轮为 HSL:角度是色相,离中心的距离是饱和度,滑杆是明度。HEX 为 sRGB 值。全程离线运行。

怎么用

  1. 在色轮上点击或拖动:角度定色相,离中心的距离定饱和度。
  2. 拖动明度滑杆,色轮与所有色卡一起变亮或变暗。
  3. 选配色方案:互补、三角、类似或分裂互补。
  4. 点色卡复制其 HEX;大色块旁的按钮复制当前色。

常见用法

常见问题

问:色轮是什么色彩空间? 答:HSL。角度是色相,距圆心是饱和度,滑杆是明度。HEX 为 sRGB 值。

问:配色会保持同一明度吗? 答:会。方案只偏移色相,所以整组配色保持你选的明度,观感均衡。

问:能复制 RGB 或 HSL 吗? 答:色卡只复制 HEX。需要 RGB/HSL 表示的话,把 HEX 贴进颜色转换工具即可。

问:为什么色轮边缘是渐隐的? 答:饱和度在边缘达到最大,更远的像素保持透明,色轮因此保持正圆。

你的数据留在这台设备上

色轮配色 完全在本地运行。你粘贴或拖入的一切都由你自己的浏览器处理,不会被传走。我们的服务器不保存任何东西——关掉标签页就没了。

你输入的内容不会发往服务器、不被记录,也不用于分析统计。首次加载之后即使断网,这个页面照样能用。