![网页设计与网站建设完全实战手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/459/27110459/b_27110459.jpg)
上QQ阅读APP看书,第一时间看更新
3.2 色彩的三要素
现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列,其他的色彩都属于彩色。明度、色相、纯度是色彩最基本的三要素,也是人正常视觉感知色彩的3个重要因素。
3.2.1 色相
色相指的是色彩的名称。色相是色彩最基本的特征,是一种色彩区别于另一种色彩最主要的因素。如紫色、绿色、黄色等都代表了不同的色相。同一色相的色彩,调整一下亮度或者纯度,很容易搭配,如深绿、暗绿、草绿。
最初的基本色相为:红、橙、黄、绿、蓝、紫。在各色中间加一两个中间色,其头尾色相按光谱排序为:红、橙红、黄橙、黄、黄绿、绿、绿蓝、蓝绿、蓝、蓝紫、紫、红紫——十二基本色相。如图3-7所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00098.jpg?sign=1739030862-xrQqQ3vz3JHe43085o6RsdhaFjB0DxBX-0-96623b7cc9b15d6e87404341c11259fb)
图3-7 十二基本色相
3.2.2 明度
明度也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。如一些购物、儿童类网站,用的是一些鲜亮的颜色,让人感觉绚丽多姿,生气勃勃。明度越低,颜色越暗,主要用于一些游戏类网站,充满神秘感;一些个人站长为了体现自身的个性,也会运用一些暗色调来表达个人的孤僻或者忧郁等性格。如图3-8所示为色彩的明度变化。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00099.jpg?sign=1739030862-z9pcgGnbT3nLWce1lTrYudjwApogPLHR-0-dfe845381ec00b4c0ec725bc41a35285)
图3-8 色彩的明度变化
明度高是指色彩较明亮,而明度低则是指色彩较灰暗。没有明度关系的色彩,就会显得苍白无力,只有加入明暗的变化,才可以展示色彩的视觉冲击力和丰富的层次感,如图3-9所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00100.jpg?sign=1739030862-wlGl6LSf0FBDplmQQ15cmzwyE2DEaqtZ-0-1a7df923aa49d54223995ac670bbe1cf)
图3-9 同一色彩的明暗变化
色彩的明度包括无彩色的明度和有彩色的明度。在无彩色中,白色明度最高,黑色明度最低,白色和黑色之间是一个从亮到暗的灰色系列;在有彩色中,任何一种纯度色彩都有着自己的明度特征,如黄色明度最高,紫色明度最低。
3.2.3 纯度
纯度表示色彩的鲜浊或纯净的程度,纯度用于表明一种颜色中是否含有白或黑的成分。假如某色不含有白或黑的成分,便是纯色,其纯度最高;含有越多白或黑的成分,其纯度越低,如图3-10所示。
![](https://epubservercos.yuewen.com/163668/15477638404524106/epubprivate/OEBPS/Images/00101.jpg?sign=1739030862-MKIRiLdEVO8I3zaXjtw42xifI8SFe7ug-0-9fdb76734128da8234943b7c799bbb49)
图3-10 色彩的纯度变化