顏色對比檢查器
即時判定文字色和背景色的對比度及易讀性基準（WCAG AA）的合否
特點
即時判定對比度
輸入文字色和背景色後立即顯示WCAG AA的合否
支援選擇器與代碼
可貼上HEX、縮寫形式、rgb()或直接選擇顏色
2種尺寸樣本顯示
即時確認一般文字和標題的實際顯示效果
一鍵套用合格色彩
保持色調同時調整明度，立即套用建議的合格色彩
使用方法
1
指定文字色
使用顏色選擇器選擇，或輸入#333333、#333、rgb(51, 51, 51)其中任一形式的顏色代碼
2
指定背景色
用相同方式指定背景色。無需按按鈕，輸入時結果即時更新
3
確認比率、合否和樣本
確認對比度、一般文字和大文字的合否、簡要評價及樣本文字的顯示效果
4
套用建議色彩並重新確認
若不合格，可透過「將文字色變更為…」等建議按鈕套用合格色彩。也可用交換按鈕互換文字色和背景色
使用案例
簡報與資料配色確認
在製作前確認公司內部資料或簡報的文字色和背景色是否易於閱讀
網站配色檢查
確認網站或橫幅的配色是否符合無障礙標準（WCAG AA）
品牌色用於正文的判斷
當使用品牌色作為文字色時，決定需要加深至何種程度才能用於正文
修正不合格配色
將被指出的配色在保持色調的前提下改為合格色彩
基礎知識
什麼是對比度
對比度是用1:1至21:1的數值表示文字色和背景色明度差異的指標。黑白組合的對比度最大，為21:1；相同顏色則最小，為1:1。
- 計算方式：對比度是將兩色轉換為sRGB相對輝度，分別在亮度值加上0.05後相除而得。
- 數值參考：相對於白色背景（#FFFFFF），灰色#777777的對比度為4.47:1，#999999為2.84:1，黑色（#000000）為21:1。
WCAG的AA與AAA的區別
WCAG是關於網路內容無障礙的國際指南，規定了對比度的合格標準分為AA和AAA兩個等級。
- AA（標準水準）：AA標準要求一般文字4.5:1以上、大文字3.0:1以上，是一般網站的目標水準。
- AAA（更嚴格的水準）：AAA標準要求一般文字7:1以上、大文字4.5:1以上，旨在讓視力較弱的人也能輕鬆閱讀。
大文字的定義
WCAG中的大文字是指約18點（24px）以上，或加粗14點（約18.7px）以上的文字。
- 一般文字：一般文字是指不符合大文字標準的文字尺寸，包括正文和註釋等，需要4.5:1以上的對比度。
- 與標題的關係：即使是標題，若尺寸小於24px且未加粗，也會按一般文字處理，因此需同時確認尺寸和粗細。
安全性與隱私
瀏覽器內完成
輸入的資料僅在您的瀏覽器內處理，不會傳送到外部。
僅在瀏覽器內處理
對比度的計算與色彩建議完全在您的瀏覽器內進行，輸入資料不會傳送到伺服器。
通訊透過HTTPS加密
頁面載入也透過TLS加密，第三者無法讀取內容。
不傳送給第三方
輸入內容不會傳送給廣告網路、追蹤器等外部服務。
結果不自動保存
輸入的文字色和背景色和輸入建議不會保存在伺服器上。
在 Google 搜尋中追蹤 RAKKOTOOLS
194個實用工具，透過 Google 搜尋、AI 搜尋更容易找到！
- 搜尋中找到
- AI 搜尋也會顯示
- 發現新工具
更新資訊
- update #337
新增色彩對比檢查工具，判斷文字色彩與背景色彩的易讀性