Binatomy
颜色与调色板

取色器与调色板

选择颜色,转换为 HEX、RGB、HSL、HSV 和 CMYK,并生成可直接使用的和谐调色板
#6366F1

调整 RGB

R
G
B

调整 HSL

色相239°
饱和度84%
亮度67%

颜色格式

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

HSV

hsv(239, 59%, 95%)

CMYK

cmyk(59%, 58%, 0%, 5%)

明暗色阶

和谐调色板

点击色块将其设为当前颜色

互补色

相似色

三元色

四元色

分裂互补色

单色

常见问题

常见问题

关于颜色和调色板你需要了解的一切

CMYK 模型是什么,何时使用?

CMYK(青、品红、黄、黑)是印刷中使用的减色模型:它定义在白纸上需要多少每种油墨。与 RGB(用于屏幕、加色、基于光)不同,CMYK 从白色开始并用油墨"减去"光。数值为 0-100% 的百分比。准备印刷文件时使用 CMYK;请注意 RGB→CMYK 转换是近似的,因为可打印色域比屏幕色域窄。

HSL 和 HSV 有什么区别?

两者都通过色相(0-360°)描述颜色。HSL 使用饱和度和亮度:亮度 100% 总是得到白色,0% 为黑色,纯色位于 50%。HSV 使用饱和度和明度:明度 100% 且饱和度 100% 时得到最鲜艳的纯色,明度 0% 为黑色。HSV 在取色器(如本工具)中很方便;HSL 在 CSS 中更常用,因为调亮/调暗更直观。

和谐调色板是如何工作的?

和谐配色基于颜色在色轮上相对于所选色相的位置。互补色 = +180°(对比最强);相似色 = ±30°(柔和);三元色 = +120°/+240°(鲜明均衡);四元色 = 相隔 90° 的四色;分裂互补色 = +150°/+210°;单色 = 相同色相不同亮度。点击任意生成的色块即可将其设为当前颜色继续探索。