在此运行 完全在你的浏览器里运行,不上传、不登录
色轮配色
在交互色轮上选色,生成互补、三角、类似或分裂互补配色。
#808080
配色色卡
色轮为 HSL:角度是色相,离中心的距离是饱和度,滑杆是明度。HEX 为 sRGB 值。全程离线运行。
怎么用
- 在色轮上点击或拖动:角度定色相,离中心的距离定饱和度。
- 拖动明度滑杆,色轮与所有色卡一起变亮或变暗。
- 选配色方案:互补、三角、类似或分裂互补。
- 点色卡复制其 HEX;大色块旁的按钮复制当前色。
常见用法
- 落地页配色:主色、按钮色、背景色一套取齐,保持和谐。
- 图表与仪表盘配色:选一组并排看也分得清的三角色。
- 品牌强调色校验:把互补色放到品牌主色旁边看效果。
- 教色彩理论:实时看色相偏移怎么带动整组色卡。
常见问题
问:色轮是什么色彩空间? 答:HSL。角度是色相,距圆心是饱和度,滑杆是明度。HEX 为 sRGB 值。
问:配色会保持同一明度吗? 答:会。方案只偏移色相,所以整组配色保持你选的明度,观感均衡。
问:能复制 RGB 或 HSL 吗? 答:色卡只复制 HEX。需要 RGB/HSL 表示的话,把 HEX 贴进颜色转换工具即可。
问:为什么色轮边缘是渐隐的? 答:饱和度在边缘达到最大,更远的像素保持透明,色轮因此保持正圆。
你的数据留在这台设备上
色轮配色 完全在本地运行。你粘贴或拖入的一切都由你自己的浏览器处理,不会被传走。我们的服务器不保存任何东西——关掉标签页就没了。
你输入的内容不会发往服务器、不被记录,也不用于分析统计。首次加载之后即使断网,这个页面照样能用。