HEX颜色选择器

步 1 / 4 Hex color

设计师和开发人员每天需在四种颜色标记中上百次地切换同一种颜色。只需点击二维饱和度/明度区域任意位置、拖动色相滑块或粘贴数值，该颜色选择器便会并排显示HEX、RGB、 HSL 、HSV及CMYK值——并附带 WCAG 对比度检测（黑白对照），让您能立即判断颜色是否清晰可辨。

如何选择颜色

每种色彩模型都针对略有不同的问题。

WCAG 2.2规定了文本与背景之间的最小对比度比：

选择器可实时计算白色与黑色之间的对比度比值。若需使用自定义前景颜色，请为每种配色组合单独使用专用对比度检测工具。

在大多数设计工具中，默认使用十六进制表示法，但三位短格式十六进制（如 #F60）应等同于 #FF6600，而非 #F06060。 HSL 在创建色板时更为便捷：可锁定色调，自由调节明度以生成不同色阶。 CMYK与RGB无法完全互换——CMYK印刷效果取决于印刷厂的配置文件。务必在真实纸张上进行校样印刷。若采用现代CSS进行设计，请考虑使用 OKLCH 来实现视觉上统一的亮度渐变效果。

Photoshop会应用一种色彩配置文件（通常为屏幕显示的sRGB色域，打印时往往有所不同）。浏览器会将未标记的十六进制颜色值渲染为sRGB。若文档设置为Adobe RGB或ProPhoto色域，像素值虽相同，但感知色彩会发生变化。

是的——两者均表示纯红色，其中红色对应数值255，绿色和蓝色则对应0。HEX是一种仅使用两位十六进制数字来表示每个0至255通道值的编码方式。

选择主色，切换至 HSL 模式，随后以10%为步长调整明度，同时保持色相与饱和度不变。即可获得一组位于同一色相上的连贯色调渐变序列。

近期使用的颜色会保存在浏览器本地存储中，因此在页面刷新后仍可显示。所有数据均不会发送至服务器，您可随时清除色板历史记录。