2011年6月23日星期四

網頁設計筆記(四) 文字用黑色還是用白色好?

這篇是根據24Way一篇文章來的...不過我只記計算部份。

文字要用黑色還是白色,首先要計算顏色的值。(24bit)
eg.
FFFFFF:16777215:白色
000000:0:黑色
7FFFFF:8388607:中間色


  1. 如果一個顏色eg.#EF4444比中間值大,那般EF4444上的文字應是黑色,因為#EF4444偏向淺光亮的顏色,反之則應使用白色的文字,因為底色偏向深暗的顏色。
  2. 有特別的情況,應用YIQ計算一次。
    YIQ的公式是{(R*299)+(G*587)+(B*144)}/1000
    如果YIQ>131.5,文字應為黑色,反之白色。