什麼是 WCAG 色彩對比度?
對比度用來衡量兩種顏色彼此之間的辨識難易程度——最常見的就是文字與背景之間的差異。網頁內容無障礙指引(WCAG 2.x)以這個比值設定最低門檻,確保視力較弱或有色覺障礙的使用者也能順利閱讀內容。對比度的範圍從 1:1(兩色完全相同)一路到 21:1(純黑配純白)。
如何使用這個計算機
請以十六進位色碼輸入前景(文字)顏色與背景顏色,例如 #1a73e8,或縮寫格式 #fff。計算機會先將每個顏色線性化、算出其相對亮度,再回傳對比度,並依各項 WCAG 門檻顯示「通過」或「未通過」的檢查結果。
公式說明
對比度的算式為 (L1 + 0.05) / (L2 + 0.05),其中 L1 是較亮顏色的相對亮度,L2 是較暗顏色的相對亮度。
相對亮度的計算方式為:先將 sRGB 各色版轉換成 0–1 的數值並進行線性化(數值小於或等於 0.03928 的色版除以 12.92;較亮的色版則使用 ((c+0.055)/1.055)^{2.4}),再以 0.2126· R + 0.7152· G + 0.0722· B 加權組合而成。算式中的 0.05 偏移量可避免除以零,同時模擬螢幕在環境光下的反射散光。
實際範例
白底(#FFFFFF)配黑字(#000000):黑色的亮度為 0,白色的亮度為 1。對比度為
使用注意事項與精準校對原則(6 大核心守則)
📐 1. 嚴格對齊輸入量綱與單位
輸入各項數值時請務必確認量綱(例如小時、天數、金額、百分比),避免單位不匹配引發推算偏差。
🔒 2. 純前端本機毫秒級隱私保障
所有計算邏輯 100% 在您的終端瀏覽器內完成,資料絕不上傳伺服器,嚴格守護商業與個人隱私。
📊 3. 符合公認學術與產業計算模型
演算法嚴格遵循國際通用數學公式與標準計算模型,經多重情境交叉核對,數值嚴密精確。
📋 4. 一鍵複製與免登入 PDF 匯出
支援一鍵複製推算結果字串至剪貼簿,亦可直接點擊列印按鈕輸出純淨 PDF 工作報表。
🔄 5. 多情景敏感度動態對比
建議針對極端值與多組預期情景分別試算,觀察輸出數據的波動區間,輔助做出更穩健的決策。
🛡️ 6. 專業諮詢與日常參考免責聲明
本工具運算結果供日常排程、學業研習與事前參考之用,如涉及重大法規或投資決策請諮詢持證專家。