切换工具
颜色转换器
HEX / RGB / HSL 互转,附明暗色阶与文字对比建议
相对亮度 0.235 · 该色底上建议用 白色文字
明暗色阶(点击复制)
使用说明
输入任意一种格式(#3b82f6、rgb(59,130,246) 或 hsl(217,91%,60%)),其余格式实时输出,点击任一行即复制。也可以用取色器直接选色。
色阶区给出当前色亮度 ±15%、±30% 的五个档位,做按钮 hover 态、深色模式、图表配色时直接取用,比手动调 HSL 的 L 值快得多。
文字建议按 WCAG 相对亮度公式计算:亮度高于阈值建议配黑字,否则配白字——这是无障碍对比度的第一步筛选,正式设计建议再对照 WCAG AA(4.5:1)标准。
常见问题
三位是六位的缩写:#abc 等价于 #aabbcc,每位字符重复一次。只有每两位相同(如 aabbcc)的颜色才能缩写成三位;反过来任何六位色都可以判断能否缩写。工具两种都支持输入,输出统一为六位小写。