色彩對比度計算機

色彩對比度表示前景與背景之間的相對亮度差異。足夠的對比度能協助低視能、色覺差異、視力老化，以及受眩光或低品質螢幕影響的使用者閱讀及操作數位介面。本計算機將兩種 HEX 或 RGB 色彩轉換為《網頁內容無障礙指引》定義的相對亮度，再提供從相同亮度的 1:1 到黑白配色的 21:1 之間的比值。 計算並非直接比較紅、綠、藍色版的原始值。每個 sRGB 色版都先正規化並線性化，以校正顯示伽瑪。由於人眼對綠光最敏感，線性紅、綠、藍值分別使用 0.2126、0.7152 與 0.0722 的亮度權重。最後以較亮色彩的亮度加 0.05，除以較暗色彩的亮度加 0.05。此標準方法不受色彩輸入順序影響。 WCAG 2.x 成功準則 1.4.3 要求 AA 等級的一般文字至少達到 4.5:1，大型文字至少達到 3:1。AAA 等級將門檻提高至 7:1 與 4.5:1。大型文字通常指至少 18 點的一般文字或 14 點的粗體文字，在常見瀏覽器設定下分別約為 24 CSS 像素及 18.66 CSS 像素。使用者介面元件與有意義的圖形物件另有要求，通常須與相鄰色彩達到 3:1。 通過對比度要求很重要，但不代表設計完全無障礙。細字重、特殊字型、漸層、圖片、游標停留狀態、透明度、反鋸齒及變動背景都可能影響實際可讀性。提示文字與停用控制項也應仔細檢視，即使個別準則對它們另有規定。不要只用色彩傳達狀態，應搭配標籤、圖示、圖樣或其他提示。請檢查焦點指示與每種互動狀態，而非只看預設畫面截圖。 可輸入六位 HEX、三位 HEX 或標準逗號分隔的 RGB 格式。計算機會驗證從零到 255 的色版值，並評估輸入的精確色彩。若結果略低於門檻，可加深前景或調亮背景後重新計算。自動對比度檢查後，還應進行鍵盤操作、縮放與重排、螢幕閱讀器檢查，並蒐集身心障礙使用者的意見。在設計與實作階段使用本工具，可及早發現基本配色問題；最後仍須在實際條件下確認呈現出的介面。