颜色常识.doc

颜色常识自然界中物体的颜色千变万化，人之所以能看见物体的颜色，是由于发光体的光线照射在物体上，光辐射在物体上，光的辐射能量作用于眼睛的结果。不发光物体的颜色只有受到光线的照射时才被呈现出来，物体的颜色是由光线在物体上被反射和吸收的情况决定的。一个物体在日光下呈现绿色，是由于这个物体主要将白光中的绿色范围的波长反射出来，而光谱的其他部分则被它吸收，如果在钠光灯下观察这个物体就看不出是绿色，因为钠光的光线中没有绿光的成份可以被它反射，这里可以看出，物体的可见颜色是随光照光谱成份而变化的。一个物体如果完全反射射来的光线，那么这个物体我们看来是白色的，如果它完全吸收投射在它上面的光线，则这个物体看来是黑色的。我们知道，人们视为“可见”的光可以分解为从蓝色到红色的一个渐进的彩虹光谱带。图 1. 可见光谱颜色分为非彩色和彩色，非彩色是指黑色、白色和这两者之间深浅不同的灰色，白黑系列上的非彩色的反射率代表物体的明度。反射率越高时，接近白色，越低时，接近黑色。黑色与白色：非彩色的对比条彩色系列是指除了白黑系列以外的各种颜色。光谱不同波长在视觉上表现为各种颜色的色调，如红、橙、黄、绿、青、紫等。要确切地说清楚某一种颜色，必须考虑到颜色的三个基本属性，即色调、饱和度和明度，这三者在视觉中组成一个统一的总效果。色调是指在物体反射的光线中以哪种波长占优势来决定的，不同的波长产生不同的颜色感觉，色调是决定颜色本质的基本特征。颜色的饱和度是指一个颜色的鲜明程度。色调、明度和饱和度是颜色的三个基本属性，非彩色则只有明度的差别，而没有色调和饱和度这两个属性。一、网页三原色1、红red、绿green、蓝blue（简称RGB），在计算机上常用来表达颜色基本色。R-红色（0-255） G-绿色（0-255） B-蓝色（0-255）纯黑 RGB：0 0 0 纯白：255 255 255纯红：255 0 0 纯绿： 0 255 0 纯蓝：0 0 255纯黄：255 255 0 纯紫：255 0 255 纯青：0 255 2552、将0-255折算成十六进制：是RBG值的另一种表达方式，适用于网页取色。纯黑 #00 00 00 纯白：#FF FF FF纯红：FF 00 00 纯绿： 00 FF 00 纯蓝：00 00 FF纯黄：FF FF 00 纯紫：FF 00 FF 纯青：00 FF FF3、颜色的另一三大要素比较直观的取色模式。HSB：色相、饱和度和亮度的值（PhotoShop取色方式）ESL：色相、饱和度和亮度的值（FireWorks取色方式）二、色环我们知道，人们视为“可见”的光可以分解为从蓝色到红色的一个渐进的彩虹光谱带。图 1. 可见光谱我们还见过（也许还用过）色环，色环显示如何通过混合两种或更多颜色来生成特定的颜色。色环实质上就是在彩色光谱中所见的长条形的色彩序列，只是将首尾连接在一起，使红色连接到另一端的紫色。图 2. 色环色环通常包括 12 种不同的颜色（如图所示）。作为程序员理解这些会大有好处。、基色 图 3. 基色按照定义，基色是最基本的颜色，通过按一定的比例混合基色可以产生任何其它颜色。为了识别基色，首先需要确切知道使用的是何种媒介。您可能在小学里学到基色有红、黄、蓝，但现在我们大多是用红、绿、蓝作为基色进行颜色显示。但如果您使用彩色喷墨打印机，请打开机盖看看墨盒。是否看到了红、绿、蓝？没有。您可能看见有四种墨水：青色、品红色、黄色及黑色。颜色不同是因为计算机显示器使用加色，而打印机使用减色。显示器发射彩色光线，而纸张上的墨水则从它反射的光中吸收了某种颜色。有关此话题的更多论述，请访问下面两个链接： 加色合成（英文）， 减色合成（英文）， 由 Jim Scruggs 供稿 除发射和吸收光线的不同外，本文讨论的概念适用于加色和减色两种模式但根据我们的目的，我们将重点讨论加色模式，在这种模式中，基色为红、绿、蓝。、次生色 图 4. 次生色为了建立色环，下面我们希望了解通过混合任何两种邻近的基色获得的三种颜色。这些颜色即次生色：青、品红和黄。咦，我们不是谈到过这三种颜色吗？是的，加色法中的次生色就是减色法中的基色。由此您可以推断出，减色法中的次生色也就是加色法中的基色。这就是加色模式和减色模式之间的相互关系。、三次色 图 5. 三次色建立色环的最后一步是，再次找到现已填入色环的颜色之间的中间色。幸运的是，这些三次色对于加色法和减色法都是相同的。既然我们已经定义了在 12 点色环中使用的颜色，那么就可以讨论这些颜色之间的相互关系。、相似色 图 6. 相似色相似色是指在给定颜色旁边的颜色。如果您以橙色开始并想得到它的两个相似色，就选定红色和黄色。使用相似色的配色方案可以提供颜色的协调和交融，类似于在自然界中所见到的那样。5、互补色 图 7. 互补色也称为对比色。互补色在色环上相互正对。如果希望更鲜明地突出某些颜色，则选择对比色是有用的。如果您在制作一幅柠檬的图片，使用蓝色的背景将使柠檬更突出。互补色简单计算法：(互补色搭配对比比较鲜明，并不刺眼花哨)。 计算某种颜色的互补色，可用255分别减去现有的RGB值。例：纯黄色： R：255 G：255 B：0 通过计算： R：（255-255） G：（255-255） B：（255-0）， 互补色： R：0 G：0 B：255 即纯蓝色。6、分列的互补色 图 8. 分列的互补色分列的互补色可由两种或三种颜色构成。选择一种颜色，在色环的另一边找到它的互补色，然后使用该互补色两边的一种或两种颜色。7、三色组 图 9. 三色组三色组是色环上等距离的任何三种颜色。在配色方案中使用三色组时，将给予观察者某种紧张感，这是因为这三种颜色均对比强烈。基色和次生色均是三色组。8、暖色 图 10. 暖色暖色由红色调构成，如红色、橙色和黄色。这种颜色选择给人以温暖、舒适、有活力的感觉。这些颜色产生的视觉效果使其更贴近观众，并在页面上更显突出。9、冷色 图 11. 冷色冷色来自于蓝色调，如蓝色、青色和绿色。这些颜色使配色方案显得稳定和清爽。它们看起来还有远离观众的效果，所以适于做页面背景。请注意，您可能发现这些颜色组在不同的书籍中所指的内容并不相同，但只要理解了基本原理，它们就都可以理解。三、利用对比 对比是两种相邻颜色之间感觉到的区别。由于白色和黑色不是真正的颜色，它们被说成是表现了非彩色的对比度。黑色和白色也表现了最强烈的对比。色环中的互补色表现出大的彩色对比度。人眼对非彩色的对比度比对彩色的对比度更敏感。图 12. 黑色与白色：非彩色的对比条图 13. 使用蓝色的单色对比条当您使用一种颜色，然后增加或减少其亮度时，即建立起单色对比。对比在 Web 设计中非常重要。使用对比有多种不同的方法，所有这些方法都基于上述的另一种颜色概念。每个人都明白，白色背景下的黑色文本最容易观看，这是您看到的大多数印刷材料都是白背景下的黑色文本的部分原因。同样地，黑底白字的对比度也很强，但阅读起来比较困难，因为黑色给人感觉比白色沉重，有鉴于此，请尽量少用。图 14. 高对比度颜色组合暖色和冷色产生同样的效果。暖色给人略微突出屏幕的感觉，而冷色则显得凹进屏幕。这意味着暖色/黑色最适合作为文本，而冷色/白色最适合作为背景。然而，这种方法也不是一成不变的。下面我们来看一个简单的例子，其中选择了两个对比色，使用一个作为背景而另一个作为文本。图 15. 互补色组合您会注意到效果非常差。这两种颜色对比不鲜明，它们几乎渗透在一起。这显然不是个好的组合。还是保持颜色基本相同，而调整其亮度/暗度，使它们区分得更明显。图 16. 修改后的颜色组合可以看到这是一个好得多的组合，它表明在考虑对比度时，不仅仅要在分析的意义上考虑，还要从视觉的角度考虑。这些颜色和对比的应用对于在背景图像上叠加文本也许是重要的。使用这些对比概念时，必须切记，页面上的文本部分必须与背景图像中的所有颜色足以形成强烈的对比。例如，如果简单地使用上述的一套三色组，您就能使这三种互相对比的颜色在页面上争奇斗艳。图 17. 三色组组合；背景图像上的文本一种更好的方法是使用一套分列的互补色，使用相似色作为背景，而文本使用互补色。这样，背景颜色将适当地融合到一起而不致引起对它们本身明显的注意，而文本将显得突出。图 18. 分列的互补色组合；在背景图像上的文本懂得颜色理论在您为网站选择颜色基调时也会发生作用。根据您对背景颜色、导航组件和不同文本风格的需要，您可以从色环中选择出高对比度的图案。然后，就可以轻松地选择较暗的/较亮的颜色，将元素之间的对比增加到适当的水平。有许多组合适合于您的页面，它们使色彩得到激动人心的使用，而不致让用户头疼。所以，把那些止痛片放到一边去吧，还是多花一点时间考虑一下在 Web 站点上如何使用颜色。四、色彩的心理感觉不同的颜色会给浏览者不同的心理感受。1：红色-易使人注意、兴奋、激动、忠诚、热烈大胆，充满生机，象征热情、吉祥、喜庆和光荣。负面易疲劳、危险、紧张不安、躁动。是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。 2：橙色-注目性高，温度感大于红色，易疲劳，为丰收色。也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。3；黄色-在自然界最普通，给人光明及丰收感，为古代帝王专用色，象征高贵。具有快乐，希望，智慧和轻快的个性，它的明度最高。4：绿色-最宜于人眼，使人想到春天、健康、安宁、和平、智慧。介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。5：蓝色-最有层次感，使人联想到广大、深沉、纯洁、理智、悠久。负面则是冷淡、阴郁、贫寒。是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩） 6：白色-纯洁、清白、朴素。负面为悲哀、冷酷。具有洁白，明快，纯真，清洁的感受。7：灰色-朴素、平凡。 负面为空虚、沉闷、忧郁、绝望。具有中庸，平凡，温和，谦让，中立和高雅的感觉。8：黑色-坚实、含蓄、肃穆。负面为黑暗、罪恶。具