文本对比
逐行对比两段文本或 JSON，高亮所有新增、删除与修改，完全在你的浏览器中完成。
颜色转换
HEX、RGB、HSL、HSV 与 CMYK 颜色互转，集成取色器、对比度检测与明暗色阶。
#2563EB100% 透明度
不透明度100%
RGB 颜色通道
R37
G99
B235
常用预设色彩
色彩模式转换
HEX
#2563EB
HEXA (with Alpha)
#2563EBFF
RGB
rgb(37, 99, 235)
RGBA
rgba(37, 99, 235, 1)
HSL
hsl(221, 83%, 53%)
HSLA
hsla(221, 83%, 53%, 1)
HSV / HSB
hsv(221, 84%, 92%)
CMYK (Print)
cmyk(84%, 58%, 0%, 8%)
明暗色阶生成 (Tints & Shades)
浅色阶 (Tints)
深色阶 (Shades)
WCAG 2.1 对比度分析
与纯白背景 (#FFFFFF) 对比5.17:1
天地玄黄 宇宙洪荒 日月盈昃 辰宿列张
AA (≥4.5) ✓ Pass AAA (≥7.0) ✕ Fail
与纯黑背景 (#000000) 对比4.06:1
天地玄黄 宇宙洪荒 日月盈昃 辰宿列张
AA (≥4.5) ✕ Fail AAA (≥7.0) ✕ Fail
使用方法
- 1 使用取色器挑选颜色，或在输入框中粘贴任意 HEX、RGB、HSL 字符串或颜色英文名称。
- 2 拖动透明度滑块或精细调节 R/G/B 通道数值。
- 3 一键复制对应的 HEX、RGB、HSL、HSV 或印刷 CMYK 格式色值。
- 4 查看 WCAG 2.1 无障碍对比度评分，以及自动生成的明暗色阶。
功能特点
- HEX、HEXA、RGB、RGBA、HSL、HSLA、HSV 和 CMYK 实时双向互转
- 原生取色器搭配棋盘格透明度实时预览
- 支持 140+ 种 CSS 标准英文命名颜色（如 crimson、rebeccapurple 等）
- WCAG 2.1 对比度计算，附带 AA 与 AAA 级别无障碍合规标识
- 10 级明暗色阶调色板生成，点击即可快速载入
- 精细化 R、G、B 通道滑块微调
- 纯前端运行，无需等待服务器响应
常见问题
RGB、HSL 与 HSV 有何区别？
RGB 基于红绿蓝三原色光强（硬件显示器导向）；HSL（色相、饱和度、亮度）与 HSV（色相、饱和度、明度）更贴近人类视觉感知，更便于设计选色。
WCAG 对比度指标代表什么？
这是 W3C 无障碍标准。普通文本要求对比度达到 4.5:1（AA 级）或 7:1（AAA 级），大文本（18pt 以上）要求达到 3:1（AA 级），以确保弱视群体也能清晰阅读。
支持带 Alpha 透明度的颜色转换吗？
完全支持。你可以自由调节透明度，HEXA、RGBA、HSLA 等格式将自动保持透明度同步。