Color Tool

颜色转换与对比度检测

转换 HEX、RGB、HSL，并检查文字和背景是否满足 WCAG 对比度要求。

颜色预览 Aa

清晰的文字需要足够的颜色对比度。

HEX--
RGB--
HSL--
WCAG 对比度--

HEX RGB HSL互转

输入HEX或使用取色器，自动得到网页开发常用颜色格式。

WCAG对比度

检测普通文字与大字号文字的AA、AAA可访问性等级。

实时视觉预览

直接观察文字和背景组合，避免只看数值难以判断。

网页颜色对比度为什么重要？

足够的文字与背景对比度能帮助低视力、色觉差异用户阅读内容。WCAG建议普通文字AA级至少4.5:1，大字号文字至少3:1。

HEX、RGB和HSL有什么区别？

HEX是RGB的十六进制写法；RGB直接表示红绿蓝通道；HSL用色相、饱和度和亮度描述颜色，更适合程序化调整深浅。

达到AA就一定好看吗？

对比度是可读性的最低技术指标，不代表完整视觉质量，还应结合字号、字重、行距与实际使用环境判断。