颜色转换器
粘贴 HEX、RGB、HSL 或颜色名称，即可一次看到所有格式，并附带 WCAG 对比度检查。
- 在您的设备上运行
- 无需注册
- 访问过一次后可离线使用
—
支持 #rgb、#rrggbb、#rrggbbaa、rgb()、rgba()、hsl()、hsla() 或 rebeccapurple 等 CSS 颜色名称。
HEX
—RGB
—HSL
—HSV
—CMYK （近似值）
—
色调与明暗色阶，点击即可复制
白色上
— 倍
- —
- —
- —
- —
黑色上
— 倍
- —
- —
- —
- —
在您的背景上
— 倍
- —
- —
- —
- —
各比值均依据 WCAG 2.x 计算。大号文字指 24px 或以上，或 18.66px 且加粗的文字。达标判定以精确比值为准；半透明颜色会先与各背景混合后再计算。
如何转换颜色代码
- 输入 HEX、rgb()、hsl() 或颜色名称，也可以点击色块直接选取。
- 从五个结果中复制你需要的格式。
- 查看对比度数值，以及在白色、黑色和你选择的背景上的 AA 或 AAA 标识。
常见问题
为什么 CMYK 值只是近似值？
CMYK 取决于打印机的油墨、纸张和颜色配置文件。本转换器使用基础的数学公式，未考虑这三项因素，因此印刷出来的颜色会与屏幕上的颜色有所不同。大批量印刷前，建议先向印刷厂索取样张确认。
对比度是如何计算的？
WCAG 2.x 会根据每种颜色的红、绿、蓝值，经过伽马校正后计算相对亮度。对比度为较亮颜色的亮度加 0.05，再除以较暗颜色的亮度加 0.05。黑色文字配白色背景得到 21:1，这是最高值。
检查使用哪些标准？
WCAG 2.x 在 AA 级别要求普通文字至少为 4.5:1，大号文字为 3:1；在 AAA 级别要求分别为 7:1 和 4.5:1。大号文字指 24px 或以上，或 18.66px 且加粗的文字。
输入框支持哪些颜色格式？
支持三位、六位或八位十六进制代码，rgb() 和 rgba()，hsl() 和 hsla()，以及 rebeccapurple 等 CSS 颜色名称。工具由浏览器解析输入内容，因此浏览器能识别为 CSS 颜色的值都可以使用。
评价
还没有评价。快来抢先评价。