色彩對比度(WCAG)計算機
輸入前景文字同背景顏色(HEX 色碼或色彩選擇器),即時計算 WCAG 對比度,並標明係咪通過 AA/AAA 級無障礙要求。對比度愈高,文字愈容易閱讀;網頁、APP、簡報設計都用得上。
請輸入有效嘅 HEX 色碼(例如 #1a73e8 或 #abc)。
對比度
8.59
預覽
大字示範(18pt/14pt 粗體)
The quick brown fox jumps over the lazy dog · 敏捷嘅棕色狐狸跳過懶狗
正常字級示範
The quick brown fox jumps over the lazy dog · 敏捷嘅棕色狐狸跳過懶狗
- AA · 正常字
- 門檻 4.5:1
- —
- AA · 大字
- 門檻 3:1
- —
- AAA · 正常字
- 門檻 7:1
- —
- AAA · 大字
- 門檻 4.5:1
- —
- UI 元件/圖形
- 門檻 3:1
- —
依據 WCAG 2.1/2.2 對比度公式;大字定義為 ≥ 18pt 或 ≥ 14pt 粗體。
公式
對比度 = (L₁ + 0.05) / (L₂ + 0.05),其中 L 為相對亮度(0–1),L₁ ≥ L₂
- · 相對亮度先將 sRGB 通道線性化:c ≤ 0.04045 用 c/12.92,否則用 ((c+0.055)/1.055)^2.4;再以 L = 0.2126·R + 0.7152·G + 0.0722·B 加權計算。
- · 對比度範圍 1:1(同色)至 21:1(純黑配純白)。
- · WCAG 2.1/2.2 標準:AA 正常字 ≥ 4.5:1、AA 大字 ≥ 3:1;AAA 正常字 ≥ 7:1、AAA 大字 ≥ 4.5:1。
- · UI 元件、圖形(icon/圖表)同非文字內容只要 ≥ 3:1 即合格(WCAG 2.1 SC 1.4.11)。
- · 大字定義:≥ 18pt(24 px)或 ≥ 14pt(18.66 px)粗體。
- · 資料來源:W3C WCAG 2.1(2018)/2.2(2023)— www.w3.org/TR/WCAG21/#contrast-minimum
常見問題
對比度 4.5:1 同 3:1 有咩分別?
4.5:1 係 WCAG AA 對「正常字」嘅最低要求(即一般正文,例如本段呢度嘅大小)。3:1 用於「大字」(≥ 18pt 或 ≥ 14pt 粗體)同 UI 元件/圖形邊界,因為大字嘅筆劃較粗,視覺上需要嘅對比較低。要更嚴格嘅 AAA 級,正文要 7:1、大字要 4.5:1。
計算只睇 HEX 數值,唔睇 alpha(透明度)?
係。WCAG 對比度公式只接受實色(opaque)顏色嘅 sRGB 數值;半透明顏色要先按背景做 alpha 合成(blend)後再量度。建議先用瀏覽器嘅 DevTools 取得實際渲染色嘅 RGB,再貼入計算機。
WCAG 3.0 新嘅 APCA 演算法呢個工具有冇支援?
暫時冇。本工具用嘅係 WCAG 2.1/2.2 嘅相對亮度公式,業界已用咗超過 15 年、依然係目前法規(例如歐盟 EAA、美國 ADA Title III)參考標準。WCAG 3.0 仲係 Working Draft 階段,APCA(Advanced Perceptual Contrast Algorithm)尚未正式入標。
黃色背景配白色字明明好難睇,點解對比度都會通過?
WCAG 對比度只反映「相對亮度差」,並唔反映色相差。黃同白嘅亮度好接近,所以 WCAG 通常會 fail;但部分高亮黃可能擦邊通過,仍然視覺上吃力。係好嘅例子說明:WCAG 唔等於「靚」或「易讀」,最終仍要做人手測試(尤其色盲模擬器、低視力測試)。
同類工具
長度單位換算
公分/米/公里/吋/呎/碼/哩,常用長度單位即時互換。
溫度單位換算
攝氏(°C)、華氏(°F)、克爾文(K)即時互換。
鞋碼換算(US/UK/EU/CM)
輸入腳長或者其中一個尺碼系統嘅碼數,即時對照美碼、英碼、歐碼同 cm 長度。
紙張尺寸參考表
揀紙張規格(A0–A10、B、C、Letter、Legal、卡片)即刻睇毫米/公分/吋/像素尺寸。
進制轉換器(二/八/十/十六進制)
一次過將數字喺二進制、八進制、十進制同十六進制之間互相轉換,方便程式員、學生同電子工程用家。
長寬比 / 螢幕尺寸計算機
由長寬比同其中一邊推另一邊;或由屏幕對角線同比例算實際長闊(4:3、16:9、21:9 等)。
資料儲存單位換算(B/KB/MB/GB/TB)
位元組、KB、MB、GB、TB、PB 互換 — 區分十進位(1000-base,硬碟廠商標示)同二進位(1024-base,作業系統顯示)。
RGB ↔ HEX ↔ HSL 顏色換算
網頁/設計師常用:HEX (#RRGGBB)、RGB(255,255,255) 同 HSL(0–360, 0–100%, 0–100%) 之間即時互轉,附顏色預覽。
輪胎尺寸計算機(規格 / 直徑 / 速錶誤差)
由 P-metric 規格(如 225/65R17)算出胎側高度、外直徑、周長同每公里轉數;可同參考胎比較速錶誤差。
能量單位換算(J / kJ / cal / kcal / kWh / BTU / Wh)
一鍵換算焦耳、千焦、卡路里、千卡、千瓦時、英熱單位等常用能量單位 — 適用於營養標籤、電費、暖氣、燃料對比。
壓力單位轉換器
Pa、kPa、bar、mbar、atm、psi、mmHg、Torr、inHg — 一次過換算所有常用壓力單位。
扭力單位轉換器
N·m、kgf·m、kgf·cm、lbf·ft、lbf·in、ozf·in — 一鍵互換所有汽車、單車同手工具常用嘅扭力單位。
角度單位轉換器
度、弧度、梯度、轉、弧分、弧秒、毫弧度、密位一次過互換,仲有 sin/cos/tan 即場參考。
燃油效率單位轉換
L/100km、km/L、MPG(美制)、MPG(英制)一次過互換,買車賣車對譜唔錯位。
功率單位轉換器
W、kW、MW、馬力(公制 PS/機械 hp)、BTU/hr、ft·lbf/s、cal/s、kcal/h、冷凍噸 — 一次過睇齊常用功率單位。
px ↔ rem ↔ em 轉換器
揀基底字型 (預設 16 px),立即將 CSS pixel、rem、em、percentage、point 互相轉換,附常見對照表。
酒精濃度 ABV ↔ Proof 換算 + 標準杯計算機
酒精濃度(ABV %)同美式 Proof、英式 Proof 互換,並按飲品份量計到純酒精克數同各國「標準杯」數。
頻寬/傳輸速率換算(Mbps ↔ MB/s)
網絡速度(kbps/Mbps/Gbps)同檔案下載速率(KB/s/MB/s/MiB/s)互換 — 同時顯示傳輸指定大小檔案要幾耐。
重量單位轉換(kg/磅/安士/司馬斤兩)
公斤、克、毫克、磅、安士、英石、噸、司馬斤同司馬兩,常用重量單位即時互換。
電池 mAh ↔ Wh 換算器(行動電源/鋰電上機規定)
輸入電池容量(mAh)同額定電壓(V),即時換到瓦時(Wh),並按 IATA 規定即時判斷可否帶上飛機(100 Wh/160 Wh 紅線)。
胸圍 Bra 罩杯國際尺碼對照
輸入下胸圍同上胸圍(或者直接揀本地尺碼),即時對照美/英/歐/澳/日 Bra 尺碼。
戒指尺碼國際對照表
輸入手指內圍周長 (mm) 或直徑,對照美 / 英 / 歐 / 日 / 香港戒指尺碼。
面積單位換算
平方米、平方厘米、平方公里、公頃、英畝、平方呎、平方碼、平方哩 — 常用面積單位即時互換。
容量單位換算(公升/加侖/杯/湯匙)
公升、毫升、立方米、美/英加侖、夸脫、品脫、液體安士、杯、湯匙、茶匙之間即時互換。
速度單位換算(km/h、mph、m/s、節)
時速公里、時速哩、米秒、呎秒、節(knots)、馬赫之間即時互換。