什麼是對比度計算機？
這個工具會依照官方的 WCAG 2.x 公式，計算前景色（文字）與背景色之間的色彩對比度。對比度是無障礙設計的關鍵指標，它能告訴你文字對於弱視或有色覺障礙的使用者來說是否清晰易讀。數值範圍從 1:1（兩色完全相同、文字等於看不見）到 21:1（純黑配純白）。
使用方式
分別輸入前景色（文字）與背景色的紅、綠、藍三個分量（0–255）。計算機會先將每個色彩通道線性化，算出兩色的相對亮度，並在各自加上 0.05 的環境光常數後，以較亮者除以較暗者。接著系統會回報這組配色在一般文字與大型文字下，是否通過 WCAG AA 與 AAA 標準。
公式說明
對比度的計算方式為 \((L_1 + 0.05) / (L_2 + 0.05)\)，其中 \(L_1\) 是較亮色彩的相對亮度，\(L_2\) 則是較暗色彩的相對亮度。相對亮度的算法是先把每個通道縮放到 0–1 之間，再套用 gamma 轉換：若縮放後的數值 \(\le 0.03928\)，就除以 \(12.92\)；否則代入 \(\left((c+0.055)/1.055\right)^{2.4}\)。線性化後的通道再依 \(0.2126\cdot R + 0.7152\cdot G + 0.0722\cdot B\) 加權合成，反映人眼對綠色較為敏感的特性。
$$\text{Contrast} = \frac{L_1 + 0.05}{L_2 + 0.05}$$ $$\text{where}\quad \left\{ \begin{aligned} L_1 &= \max(L_{fg},\, L_{bg}) \\ L_2 &= \min(L_{fg},\, L_{bg}) \\ L &= 0.2126\,R_{\ell} + 0.7152\,G_{\ell} + 0.0722\,B_{\ell} \\ C_{\ell} &= \begin{cases} \dfrac{C/255}{12.92} & C/255 \le 0.03928 \\[0.6em] \left(\dfrac{C/255 + 0.055}{1.055}\right)^{2.4} & \text{otherwise} \end{cases} \end{aligned} \right.$$
實際範例
白底（255,255,255）上的黑字（0,0,0）：黑色亮度 = 0，白色亮度 = 1。對比度 $$=\frac{1 + 0.05}{0 + 0.05} = \frac{1.05}{0.05} = 21:1$$——這是理論上的最高對比，輕鬆通過所有 WCAG 等級。
常見問題
我需要多少對比度才夠？WCAG AA 要求一般文字達到 4.5:1、大型文字（≥18pt 或 14pt 粗體）達到 3:1。AAA 則分別要求 7:1 與 4.5:1。
前景與背景的順序會影響結果嗎？不會。公式一律以較亮的亮度除以較暗的亮度，所以即使把前景色和背景色對調，得到的對比度仍然相同。
為什麼要加上 0.05？這個常數是用來模擬螢幕的環境光反射，讓即使是純黑對純黑這種情況，也能得到一個有定義、不會趨近無限大的數值。
