Slop Colors · 免費，在瀏覽器中使用

依 WCAG 檢查色彩對比度

灰色文字配白底看起來很雅致，但若沒有人看得清楚就沒有用。輸入兩個顏色，Slop Colors 會算出 WCAG 對比比值、哪些等級通過，以及最接近且能通過的文字色。

檢查對比度

操作方式

1. 捲動到「對比度檢查（WCAG 2）」，以 HEX、RGB、HSL 或 OKLCH 格式輸入文字色與背景色。
2. 查看比值與五項結果：一般文字的 AA 與 AAA、大型文字的 AA 與 AAA，以及 UI 元件與圖形。
3. 查看範例：以您的兩個顏色顯示大型文字與一段內文。
4. 若一般文字的 AA 未通過，請點選「修正文字色彩」：文字色會保留色調，只調整明暗到剛好通過。
5. 點選「交換」，以相反方向檢查兩個顏色。

您的檔案會留在此裝置上：Slop Colors 在瀏覽器中執行，不上傳、不需帳號，也沒有浮水印。

常見問題

WCAG 要求哪些對比比值？

AA 等級要求一般文字為 4.5:1、大型文字（24 px，或粗體 18.66 px）為 3:1，UI 元件與圖形也適用。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
  Beta 版
  以在您裝置上執行的 AI 去除背景。