颜色转换与对比度
HEX / RGB / HSL 转换与前景背景对比度等级计算。
前景色（文本）
切换后会把当前颜色改写成所选写法，解析本身兼容全部写法
%
背景色
合成背景
默认白 #ffffff，仅影响透明色/预览的合成
色值格式
单行可单独复制HEX#2563eb
HEX8#2563ebff
RGBrgb(37, 99, 235)
RGBArgba(37, 99, 235, 1)
HSLhsl(221, 83%, 53%)
HSLAhsl(221, 83%, 53%)
对比度与预览
WCAG 2.1Aa
正文 14px：中文与 English 混排示例
5.17: 1
通过 AA 正文（4.5:1） 通过 AA 大字（3:1） 未达 AAA 正文（7:1） 通过 AAA 大字（4.5:1）
同色系可用替代（背景 #ffffff，保持色相/饱和度实算）
#134ecd7.00 : 1通过 AA 正文
WCAG 2.1 相对亮度公式
- sRGB 分量先线性化：
c ≤ 0.03928 ? c/12.92 : ((c+0.055)/1.055)^2.4。 - 相对亮度加权：
L = 0.2126·R + 0.7152·G + 0.0722·B。 - 对比度：
ratio = (L1+0.05)/(L2+0.05)（L1 为较亮者），范围 1-21。 - 门槛：AA 正文
≥4.5:1，AA 大字≥3:1，AAA 正文≥7:1，AAA 大字≥4.5:1。 - 建议替代色保持原色相与饱和度，只调整亮度并用同一公式实算到恰好达到门槛，不自动替换你填写的颜色。
透明色
含 alpha 的前景色无法直接给出绝对对比度：先在合成背景色上做 alpha 合成得到实色，再计算它与背景的对比度。界面会注明「已按合成背景 #xxx 计算」。
什么时候用「颜色转换与对比度」
做主题配色时要在 HEX、RGB、HSL 之间换算，或检查文字与背景对比度是否达标。
使用要点
- HEX / RGB / HSL 互转，支持透明度。
- 计算前景背景对比度并给出等级，避免出现看不清的文字。
- 常用于调色板整理与暗色主题校验。
相关工具
颜色转换与对比度与其他 44 个工具一样，全部计算都在你的浏览器里完成：输入、密钥与文件不会发送到服务器，页面首次加载后可离线使用。