:: Sola & Luna :: Album of the Shining Days

輝きが溢れる日々を、ともに、創る~ShyujikouとLovetwomixのブログ・音楽クリエーターユニット「連鎖調律」公式サイト~


MENU => PROFILES | FOCUS LISTS | MUSIC WORKS | CONTACT

Click to view all posts by Shyujikou

怎样的字体色和背景色搭配是合适的?来看看W3C的标准吧

Tags: , ,
Posted in Comment | 评星品辰,Technology | 技术 by Shyujikou on November 10th, 2007

这两天在研究用JAVA开发类似MSN机器人的应用程序,今天想到要让程序每次发送消息的时候更换一种随机的字体颜色,于是这就有一个问题,假设大部分情况下背景色是白色(#FFFFFF)的,万一随机出来的颜色太淡看不清楚怎么办呢?这时候就需要一个对于颜色的判断标准,我首先想到的就是亮度,每种颜色有它的色彩亮度,这个计算在JPG压缩等场合也会用到。这里提供一个由RGB计算色彩知觉亮度的公式:

Y = ((R*299)+(G*587)+(B*114))/1000

根据这个公式,白色的知觉亮度最大,为255,而黑色最小,为0,根据W3C标准,字体色和背景色的知觉亮度差值大于125,也就是至少有50%亮度差异的情况下,人眼比较容易辨认。看看上面这个公式,可以发现在亮度计算中,RGB所占有的权重不同,绿色居然占到了58.7%的权重,以前还真没注意到……

除去亮度以外,背景和字体的色彩差异也是对辨认感有影响的,而色彩差异则是通过计算两种色彩RGB的差值绝对值之和,即:

Δ = |R1-R2| + |G1-G2| + |B1-B2|

根据这个公式,黑色和白色的差异最大,为765,而W3C的标准建议,背景和字体颜色的色彩差异应当大于500,也就是至少有35%的色彩差异,人眼才容易分辨。

参考资料:W3C Working Draft



相关文章 | Related Posts

2 Responses to '怎样的字体色和背景色搭配是合适的?来看看W3C的标准吧'

Subscribe to comments with RSS or TrackBack to '怎样的字体色和背景色搭配是合适的?来看看W3C的标准吧'.


  1. on November 10th, 2007 at 9:26 am

    我从来不用白色背景……

    Reply

  2. 无敌 said,

    on November 13th, 2007 at 10:00 pm

    の。。。看不大懂,直接说什么颜色搭配最好看或者最舒服吧

    Reply

Leave a Reply