色彩工具

选择适合的色彩工具，快速完成配色、颜色代码转换、图片取色、图片配色提取与对比检查。工具在浏览器中执行，适合设计、网页与 UI 颜色处理。

选择适合的工具

生成五色调色板，支持锁定颜色和重新生成。

在 HEX、RGB、HSL、HSV/HSB 和 CMYK 颜色格式之间转换。

点击图片中的像素，获取 HEX 和 RGB 颜色值。

提取图片中的主要颜色，生成 HEX、RGB、HSL 色板。

检查前景色与背景色的对比度，以及 WCAG AA、AAA 达标情况。

根据基础颜色生成浅色、深色、透明度变化和对比色。

图片 -> 用图片取色器取色，或用图片配色提取器提取配色 -> 用颜色代码转换器转换颜色代码 -> 用色彩对比检查器检查对比。

CSS 应该使用哪一种色彩格式？

HEX、RGB 和 HSL 都适合 CSS。HEX 简短，便于粘贴，RGB 适合搭配透明度，HSL 则方便调整色相、饱和度与亮度。

CMYK 转换结果适合用在哪里？

CMYK 转换可用于快速估算印刷色值。正式印刷前，可结合色彩配置文件、纸张和输出设备，在设计软件或印刷打样中确认颜色。

可以直接从本地图片取色吗？

可以。图片取色与配色提取在浏览器中处理，可直接从本地图片获取 HEX、RGB 或 HSL 色值。

如何确认文字和背景是否看得清楚？

把文字色与背景色输入色彩对比检查器，就能看到对比值与常见无障碍标准的通过状态。