颜

颜色转换

一种颜色值进去,HEX、RGB、HSL、HSV、CMYK 全出来,顺带算清 WCAG 对比度。

类型在线工具,免安装处理方式浏览器本地完成,不上传费用完全免费更新2026-10-20
放假空间 Aa 123
放假空间 Aa 123
对比度检查(WCAG)
大字号:18.66px 粗体及以上的标题文字
正文:14 像素常规字重的段落文字,用来判断日常阅读是否吃力。

使用说明

  1. 在「颜色值」框里填任意一种写法:#3d7fff、#3df、rgb(61,127,255)、hsl(219,100%,62%) 都行。
  2. 也可以点旁边的取色方块,用系统的取色面板挑颜色,输入框会同步更新。
  3. 下面的结果格会一次给出 HEX、RGB、HSL、HSV、CMYK、相对亮度、感知亮度和灰度值,点任意一格即可复制。
  4. 要判断文字压在背景上是否看得清,把文字色和背景色填进「对比度检查」,页面会实时渲染一段示例文字。
  5. 看结论行:7:1 以上是 AAA,4.5:1 以上是 AA 正文,3:1 只够大字号,低于 3:1 就要换色了。

常见问题

转换结果和设计软件里显示的不一样,为什么?

多半是取整方式不同。这里 HSL 的 H 取整数度、S 和 L 取整数百分比,所以反算回 RGB 时可能有 1 到 2 的误差,但视觉上看不出来。需要精确往返时请直接使用 HEX 或 rgb() 值,这两个是完全无损的。

CMYK 的数值能直接给印刷厂用吗?

只能当参考。屏幕是 RGB 加色,印刷是 CMYK 减色,两者的色域不同,尤其是鲜艳的荧光色、纯蓝紫色印不出来。真正印刷请用设计软件里的 ICC 配置文件转成印刷色,并要求提供打样。

WCAG 对比度到底怎么算的?

先把每个通道值除以 255,做伽马校正(小于等于 0.03928 时除以 12.92,否则按 ((v+0.055)/1.055)^2.4),再按 0.2126R + 0.7152G + 0.0722B 加权得到相对亮度 L,最后算 (L亮+0.05)/(L暗+0.05)。所以对比度永远大于等于 1,且与颜色的先后顺序无关。

4.5:1 和 3:1 这两条线分别管什么?

WCAG 2.1 的 AA 级要求正文文字对比度不低于 4.5:1;18.66 像素(14pt)粗体或 24 像素(18pt)以上的大字号可以放宽到 3:1。界面里的图标、边框这类非文字元素,AA 要求 3:1。AAA 级则要求正文 7:1、大字号 4.5:1。

相对亮度和感知亮度(YIQ)有什么区别?

相对亮度是 WCAG 定义的标准值,做了伽马校正,用来算对比度;YIQ 里的 Y 是模拟电视时代的线性加权(0.299R+0.587G+0.114B),不做伽马校正,更接近「一眼看上去亮不亮」。判断该压白字还是黑字时看 YIQ,判断合规性时看相对亮度。

支持带透明度的颜色吗?

输入 rgba() 时会读取 RGB 三个通道,忽略 alpha,因为转换目标格式里没有透明度这一项。半透明颜色叠在背景上的实际观感取决于背景色,需要精确判断请先把叠加结果算成一个实色再填进来。

标签

颜色HEXRGBHSL对比度

本工具的所有处理都在你的浏览器里完成,不需要注册、不需要安装,也不会上传你的数据。

金

金额大写转换

在线使用 转换工具

输入 12345.67,立刻给出「壹万贰仟叁佰肆拾伍元陆角柒分」这种财务规范大写,零和整都不用自己判断。

金额大写人民币打开工具 →
房

房贷计算器

在线使用 转换工具

输入贷款金额、利率、年限,同时算出等额本息和等额本金的月供与总利息,差多少一目了然。

房贷等额本息打开工具 →
倒

倒数日 / 年龄计算

在线使用 转换工具

输入两个日期,算出相差几年几月几天、总共多少天,还能顺便算下一个生日倒数。

倒数日年龄打开工具 →
时

时间计算器

在线使用 转换工具

选两个日期,相差几年几月几天、总天数、总小时一次算清,跨月跨年不用自己数。

时间日期打开工具 →