Slop Colors · 免费，在浏览器中完成

按 WCAG 检查颜色对比度

白底上的浅灰色文字看起来很雅致，却可能让人无法阅读。输入两种颜色，Slop Colors 会给出 WCAG 对比率、哪些等级达标，以及最接近的达标文字颜色。

检查对比度

操作方法

1. 滚动到“对比度检查（WCAG 2）”，以 HEX、RGB、HSL 或 OKLCH 格式输入文字颜色和背景颜色。
2. 查看对比率和五项结果：普通文字的 AA 与 AAA，大字号文字的 AA 与 AAA，以及界面元素和图形。
3. 查看示例：用这两种颜色显示的大字号文字和段落。
4. 如果普通文字的 AA 不达标，点击“修复文字颜色”：文字颜色保留色相，只调整明暗，直到达标。
5. 点击“交换”，以相反的顺序检查两种颜色。

你的文件保留在本设备上：Slop Colors 在浏览器中运行，不上传、无需账户，也没有水印。

常见问题

WCAG 要求哪些对比率？

AA 级要求普通文字为 4.5:1，大字号文字（24 px，或粗体 18.66 px）和界面元素、图形为 3:1。AAA 级要求 7:1 和 4.5:1。

为什么显示 4.47 而不是 4.48？

对比率按 WebAIM 检查工具的方式向下取整，因此 4.499 的组合绝不会被显示为达到 4.5。

能检查屏幕上的颜色吗？

在 Chrome 和 Edge 中，“从屏幕取色”可以拾取屏幕上的任意像素。然后在面板中将其用作文字颜色或背景颜色。

会上传任何内容吗？

不会。颜色由页面在你的浏览器中检查，不会发送到任何地方。

Slop Colors 的更多用法

• 从图片中取色
• 由一种颜色生成配色方案
• 将 HEX 转换为 RGB、HSL、OKLCH 或 CMYK

相关应用

• PhotoSlop
  已上线
  为浏览器重新打造的 Photoshop。
• SlopVector
  已上线
  为浏览器重新打造的 Illustrator。
• SlopIsolate
  测试版
  借助在你的设备上运行的 AI 移除背景。