颜色工具
在你的设备上运行,不会发送任何内容。不会上传任何内容 - 所有转换都在您的设备上完成。
对比度检查
相对白色
AA(正常文本)
5.17:1通过AA(大号文本)
5.17:1通过AAA(正常文本)
5.17:1未通过AAA(大号文本)
5.17:1通过相对黑色
AA(正常文本)
4.06:1未通过AA(大号文本)
4.06:1通过AAA(正常文本)
4.06:1未通过AAA(大号文本)
4.06:1未通过色阶
在 HEX、RGB 和 HSL 之间转换,检查 WCAG 对比度,并生成色阶,全部在您的浏览器中完成。
此工具可在 HEX、RGB 和 HSL 表示法之间转换颜色,检查其相对于白色和黑色文本的 WCAG 对比度,并生成从深到浅的色阶 - 所有内容都在您输入时于浏览器本地计算完成。
常见问题
WCAG 的 AA 和 AAA 级别是什么意思?
这些是来自《网页内容无障碍指南》的对比度阈值:AA 要求正常文本至少达到 4.5:1 的对比度(大号文本为 3:1,即 18pt 以上或加粗 14pt 以上),更严格的 AAA 要求正常文本达到 7:1(大号文本为 4.5:1)。达到 AA 是可访问文本的常见基准。
为什么 HEX/RGB/HSL 来回转换后数值会有细微差异?
HSL 将色相、饱和度和亮度存储为四舍五入的整数,因此将 RGB 转换为 HSL 再转换回来时,某个通道可能因四舍五入而偏移一两个点 - 这是正常现象,在任何支持 HSL 的颜色工具中都会发生。
色阶是如何生成的?
通过保持颜色的色相和饱和度不变,仅在 HSL 空间中改变其亮度,从接近黑色渐变到接近白色。这是一种简单、可预测的色阶,而非感知均匀的色阶(那需要更复杂的色彩空间),与大多数常见颜色工具的做法一致。