互相协调又易区分的颜色
一次生成几种明度和饱和度相同的不同颜色。用在图标、标签、图表和幻灯片上，看起来像同一套。
颜色数量
风格
点击颜色即可复制 HEX。
放在一起的效果
背景
- 首页
- 消息
- 日历
- 文件
- 照片
- 音乐
首页消息日历文件照片音乐
格式
代码
#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ce检查你的颜色
粘贴你已经在用的颜色，每行一个或用空格隔开。我们会告诉你它们是否在同一水平，并给出色相不变、已调整一致的一套颜色。
常见问题
为什么 HSL 明度相同的颜色看起来不均匀？
HSL 把所有色相一视同仁，但人眼不是这样：HSL 数值相同时，黄色和绿色比蓝色亮得多。这个工具在 OKLCH 中计算，明度相同看起来就相同，所以图标或图表柱子不会无故突出。
人能分清多少种不同的颜色？
在图表或图例里，多数人能很快分清 6 到 8 种颜色。旁边有文字标签时，最多 12 种仍然可用。类别更多时，把小类合并，或者加上标签、纹理或图标。
应该选哪种风格？
粉彩和柔和适合做标签、徽章的背景，配深色文字。明亮和浓郁适合白底上的图标、图表柱子和线条。深邃和暗色适合配白色文字的色块，以及深色主题里的强调色。
可以在这些颜色上放文字吗？
可以。预览会为每种颜色选择黑色或白色文字。浅色风格配深色文字，深色风格配白色文字。正文请在对比度检查器里检查具体的颜色组合。
明度相同的颜色对色盲友好吗？
同一水平的颜色只靠色相区分，而这恰恰是色盲用户最难分辨的。图表里请加上标签或纹理，或用色盲模拟器检查这一套。带文字标签的图标通常没问题。