色彩對比分析程式

色彩對比分析程式

色彩對比分析程式
是甚麼東西?
這套軟體能夠一併檢測前景色及背景色, 看看它們是否提供了良好的色彩可見性. 判斷 "色彩可見性" 的方法, 是根據 World Wide Web Consortium (W3C) 所建議的演算法來做的:

"如果兩個顏色的亮度差異以及色彩差異都大於某個程度的話, 這兩個顏色就被視為能提供良好的色彩可見性." 由 W3C 所建議的亮度差異應大於 125, 而色彩差異則應大於 500.
註: Hewlett Packard (HP) 也提供了一套線上的色彩對比驗證工具, 這套工具用的也是 W3C 的演算法, 但是他們所使用的色彩差異底限則是大於 400 即可; 這麼一來, 前景色跟背景色搭配的可接受範圍就變大了.

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

((紅色值 X 299) + (綠色值 X 587) + (藍色值 X 114)) / 1000
背景色亮度與前景色亮度的差異應大於 125.

註: 這個演算法係由轉換 RGB 值為 YIQ 值的公式中所取得. 這個亮度值得出了色彩的知覺亮度.

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

((紅色值 1, 紅色值 2) 的最大值 - (紅色值 1, 紅色值 2) 的最小值 ) + ((綠色值 1, 綠色值 2) 的最大值 - (綠色值 1, 綠色值 2) 的最小值 ) + ((藍色值 1, 藍色值 2) 的最大值 - (藍色值 1, 藍色值 2) 的最小值 )
背景色與前景色的色彩差異應大於 500.

用途
這個
色彩對比分析程式
(CCA) 對於協助判斷網頁文字的易讀性, 以及圖片裏的文字的易讀性來說, 特別好用.

評估是否符合網站內容親和力指導原則 1.0 中的檢查要點 2.2
WCAG 1.0 中的檢查要點 2.2 要求
"前景色與背景色的搭配組合, 即使在色盲患者的眼中, 或在黑白螢幕裏, 都應該要能提供充足的對比."
您可以用 CCA 來檢測色彩搭配, 看看它們是否符合 W3C 所建議的演算法中, 所謂 "充足的對比".

http://ais.z6i.org/web/resources/contrast_analyser/

乎~~因為寫網頁可能會用到~~分類分到這來哩!!

色彩對比分析程式

色彩對比分析程式 相關文章

糟糕!怎麼會沒有~會努力加油的!

參考內容推薦

網頁親和力工具列 2.0 繁體中文版

網頁親和力工具列 2.0 繁體中文版 網頁親和力工具列 2.0 版跟色彩對比分析程式 2.0 版都已經釋出好一段時間了,一直到最近終於抽出空來,做了繁體中文版。 有需要的朋友可以到(同樣是我翻譯的)中文網頁下載這兩個好用的小工具:網頁親和力工具列 ...

資源中心 - 關於

色彩對比分析程式 Opera 版 WAT IE 版 WAT 親和力訣竅 白皮書 (英文) 書目 (英文) TPG 是 AJAX 親和力的專家. 我們研究並開發各種解決方案, 讓輔助科技的使用者也能夠享受到最新的網頁科技 ...

imgr 圖片色彩分析工具,找出某張圖片使用的顏色

imgr 是一款相當方便的色彩工具,能夠幫你找出某張圖片所使用的顏色代碼,使用者只需要進入此網站,在點擊上傳按鈕並選擇圖片就可以了,產生後的結果會列出這張圖片所使用的HEX色碼以及色板等資訊。 使用教學 進入 imgr

配色與易讀性

色彩對比分析程式 網頁親和力工具列 打造具親和力的網站 驚爆布朗大學 (Brown University) 評比內幕 網路無障礙與網頁親和力 在台大新聞所的演說經驗 Dive Into Accessibility ...

色彩對比分析程式:

2006年8月1日 - 《色彩對比分析程式》Freeware‧版本:v.1.0綠色版‧作者:JUn,SteveFaulkner,Jedi‧分類:網頁設計/色彩分析‧語言:繁體中文(多國語言)‧日期:2006.07‧ ...

Chunkai's Blog: 檢測色彩的軟體-

可以檢測色彩的軟體很多,色彩對比分析程式就是其中一套可以檢查文字的可讀性,並模擬色盲者能看見的內容的好用工具。這是由I-Create公司所發表的工具軟體,其 ...

親和資訊解決方案

色彩對比分析程式是甚麼東西? 這套軟體能夠一併檢測前景色及背景色, 看看它們是否提供了良好的色彩可見性. 判斷"色彩可見性" 的方法, 是根據World Wide Web ...

色彩對比分析程式 1.0 (中文) - 親和資訊解決方案

色彩對比分析程式是甚麼東西? 這套軟體能夠一併檢測前景色及背景色, 看看它們是否提供了良好的色彩可見性. 判斷 "色彩可見性" 的方法, 是根據 World Wide Web Consortium (W3C) 所建議的演算法來做的: "如果兩個顏色的亮度差異以及色彩差異都大於某個程度 ...

色彩對比分析程式

色彩對比分析程式 除了稍早提到的網頁親和力工具列外, Accessible Information Solutions 另外還釋出了一套「色彩對比分析程式」,可以根據 W3C 的演算法,協助妳判斷妳採用的前景色與背景色的對比是否夠大。