试色器与配色探索
视觉选色、对比色、互补色、邻近色、四方色、明度与饱和度渐变，点击色块快速切换。
COLOR PLAYGROUND
本地试色从一抹颜色，找到更多灵感
挑选、试色、轻点色块，探索属于你的配色。
配色探索
点击任意色块设为基准色互补色
色相环相隔 180°，形成鲜明搭配。邻近色
以 30° 为间隔，柔和延展基准色。四方色
四个色相等距 90°，适合多色组合。明度渐变
HSL 明度从 0% 到 100%。0%100%
饱和度渐变
HSL 饱和度从 0% 到 100%。0%100%
文字对比参考 · 黑色 4.94:1 / 白色 4.26:1
普通文字 WCAG AA 参考值为 4.5:1；互补配色本身不代表文字易读。
处理内容只保存在当前页面内存，关闭页面或清空后无法恢复。
工具介绍
使用视觉面板、滑块、系统选色器或 HEX / RGB / HSL 输入颜色，点击配色色块切换基准色。可复制颜色值或下载整套 CSS。所有颜色在本地处理。
使用步骤
- 通过选色面板挑选基准色。
- 点击各组色块快速切换。
- 复制颜色或导出整套 CSS。
常见问题
内容会上传吗？
输入内容仅在浏览器处理；仅报告运行状态、数量、耗时和下载动作。
交流与评论
分享使用体验，交流工具的更多用法。
正在加载评论…