Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

跳转到主要内容
Gizke.com
博客

颜色工具

在你的设备上运行,不会发送任何内容。
对比度检查

相对白色

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 空间中改变其亮度,从接近黑色渐变到接近白色。这是一种简单、可预测的色阶,而非感知均匀的色阶(那需要更复杂的色彩空间),与大多数常见颜色工具的做法一致。

分享此工具

博客关于联系我们使用条款隐私政策