多格式互转
以任意格式输入，自动推导并展示另外两种格式结果。
颜色转换
设计工具颜色格式、透明度与 WCAG 对比度检查，实时预览文字背景配色。
HEX/RGB/HSL实时预览本地处理
颜色与透明度
#4F46E5FF
支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA，以及 rgba()/hsla() 和现代空格、斜杠语法。HEX (RGB) 不包含透明度。
各格式结果
HEX (RGB)
#4F46E5
HEX8 (RGBA)
#4F46E5FF
RGBA
rgba(79, 70, 229, 1)
HSLA
hsla(243, 75%, 59%, 1)
WCAG 2.2
文字 / 背景对比度检查
文字颜色：使用上方输入
rgba(79, 70, 229, 1)
对比度
6.29 : 1
普通文字 AA
4.5:1 · 通过
普通文字 AAA
7:1 · 未通过
大文字 AA
3:1 · 通过
大文字 AAA
4.5:1 · 通过
让每一个字都清晰可读
The quick brown fox jumps over the lazy dog. 让设计兼顾美观与可访问性。
Aa Bb Cc · 0123456789
这是真实的前景、背景透明叠加效果。
大文字指至少 24px 常规字或约 18.67px 粗体。先将背景与不透明底色合成，再计算文字叠加后的相对亮度。通过判定使用未四舍五入的比值，适用于纯色背景。
工具说明3
原生取色器
用系统取色器选色后直接同步到输入框与预览色块。
WCAG 对比度与透明叠加
支持 HEX8、RGBA、HSLA 和透明度滑块，合成透明前景背景后计算普通及大文字 AA/AAA 对比度。