颜色工具

HEX、RGB、HSL 颜色互转工具,支持明暗阶生成与 WCAG 对比度检测,内置调色板与可访问性判断,适用于前端配色与无障碍设计

HEX
R
G
B
HSL 调节
H
S
L
对比度检查
Aa 颜色对比示例
背景
3.68 : 1AA (大号文字)
明暗阶(HSL 亮度 10%-90%)
#021431
#052861
#073C92
#0950C3
#0B64F4
#3C83F6
#6DA2F8
#9EC1FA
#CEE0FD

使用说明

输入 HEX / RGB / HSL 任意一种,实时互转并预览颜色,各格式支持一键复制。

常见问题

HSL 和 HSB 一样吗?

不一样。HSL 的 L 是亮度(0% 黑、100% 白);HSB/HSV 的 B 是明度(0% 黑、100% 纯色)。本工具用 HSL。