色彩對比分析程式, 2.0 版

本頁內容:
這是甚麼?
用途
用法
術語
下載
下載 MAC 版
關於

贊助色彩對比分析程式的開發

甚麼是色彩對比分析程式?

這個工具的主要用途是檢查前景與背景的色彩搭配組合, 看看其色彩可見度是否夠好. 它同時還有針對色盲等多種不同視覺條件, 建立模擬的功能.

判斷 "色彩可見度" 係依據對比比值演算法而來, 這是由全球資訊網協會 (W3C) 所建議的:

注意: 請謹記在心, 對比比值還不是 W3C 推薦標準; 這是由 WAI WCAG 2.0 工作小組推薦來協助判斷兩個色彩間的對比, 是否對色盲或其他視力損傷的人來說, 仍能閱讀.

對比比值

以此公式計算每個字母的相對明度 (除非他們都一樣):

L = 0.2126 * R + 0.7152 * G + 0.0722 * B 此處的 R, G 及 B 的定義為:
- 若 RsRGB <= 0.03928 則 R = RsRGB/12.92 否則 R = ((RsRGB+0.055)/1.055) ^ 2.4
- 若 GsRGB <= 0.03928 則 G = GsRGB/12.92 否則 G = ((GsRGB+0.055)/1.055) ^ 2.4
- 若 BsRGB <= 0.03928 則 B = BsRGB/12.92 否則 B = ((BsRGB+0.055)/1.055) ^ 2.4
- 而 RsRGB, GsRGB, 及 BsRGB 的定義為:
- RsRGB = R8bit/255
- GsRGB = G8bit/255
- BsRGB = B8bit/255

公式中的 "^" 符號是乘冪運算符.

注意:對於平滑過的字母, 相對明度的計算以字母邊緣內兩個像素處為準.

回到開頭

色彩亮度公式

色彩亮度係以下列公式計算:

((紅色值 X 299) + (綠色值 X 587) + (藍色值 X 114)) / 1000

背景亮度與前景亮度間的差距應該要大於 125.

注意: 這個演算法是從把 RGB 值轉換為 YIQ 值的公式中取得的. 這個亮度值會對每個色彩給定一個知覺亮度.

色彩差異公式

色彩差異係以下列公式計算:

(取最大值 (紅色值 1, 紅色值 2) - 取最小值 (紅色值 1, 紅色值 2)) + (取最大值 (綠色值 1, 綠色值 2) - 取最小值 (綠色值 1, 綠色值 2)) + (取最大值 (藍色值 1, 藍色值 2) - 取最小值 (藍色值 1, 藍色值 2))

背景色彩與前景色彩間的差距應該要大於 500.

用途

色彩對比分析程式 (CA) 特別能幫助判斷網頁文字的易讀性, 以及圖片文字的易讀性.

評估是否符合指導原則 1.4: Make it easier for people with disabilities to see and hear content including separating foreground from background, of WCAG 2 (2007 年五月的草案)

指導原則 1.4.2: Contrast (Minimum)- WCAG 2 (2007 年五月的草案) Text (and images of text) have a contrast ratio of at least 5:1, except if the text is pure decoration. Larger scale text or images of text can have a contrast ratio of 3:1. (Level AA)

指導原則 1.4.4: Contrast (Enhanced) - WCAG 2 (2007 年五月的草案) Text (and images of text) have a contrast ratio of at least 7:1, except if the text is pure decoration. Larger scale text or images of text can have a contrast ratio of 5:1. (Level AAA)

評估是否符合網頁內容親和力指導原則 1.0 的檢核要點 2.2

WCAG 1.0 檢核要點 2.2 要求 "foreground and background colour combinations provide sufficient contrast when viewed by someone having colour deficits, or when viewed on a black and white screen."

使用 CCA 根據 W3C 建議的演算法來測試色彩組合, 看看他們是否有 "足夠的對比".

回到開頭

使用 CA

本文件尚在撰寫之中, 在多數的情況下, 使用 CA 就跟使用明度對比比值分析程式以及使用 CCA 1.1 很像 (註: 上述兩份文件都是英文版; 另外有一份較舊的中文版文件可供參考.)

主要的差異為:

實做了更新版的對比比值演算法
操作介面現在有可以顯示或隱藏的選項, 色彩選擇滑棒, 以及詳細結果.
色彩選擇器的取樣尺寸可以從 1 像素到 8 x 8 像素間調整

使用條款聲明:

色彩對比分析程式 2.0 版是免費軟體.

取得或使用色彩對比分析程式 2.0 版, 即表示您同意已閱讀, 瞭解並同意受色彩對比分析程式 2.0 版使用條款約束.

您可於個人或商業用途, 使用色彩對比分析程式 2.0 版軟體 ("本軟體") 來協助您判別您網頁內容之親和力.

本軟體係以 "現狀" 提供, 不帶任何明示或暗示的擔保. 要特別聲明的是, 網頁親和力工具協會 (THE WEB ACCESSIBILITY TOOLS CONSORTIUM, WAT-C) 並未對本軟體之任何可信度, 品質, 可售性或用於任何特定目的之適用性, 提出任何表示或擔保. 除此之外, WAT-C 並不保證運用此軟體即可確保您網頁內容的親和力或您網頁內容是否能符合任何特定的網頁親和力標準.

我們重視所有的回饋. 如有任何功能不正常, 或有其他改善的建議, 請以英文撰寫電子郵件至 sfaulkner@paciellogroup.com.

本作品係以創用 CC 授權條款授權使用