Web网页配色方案及安全色谱
一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。
1. 在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。
2. 在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。
3. 在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。
4. 在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。
二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。
1. 在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。
2. 在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。
3. 在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。
4. 在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。
三、
蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深
远、广埔、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、
橙、白等色,均不会对蓝色的性格构成较明显的影响力。
1. 如果在蓝色中黄的成份较多,其性格趋于甜美、亮丽、芳香。
2. 在蓝色中混入小量的白,可使橙色的知觉趋于焦躁、无力。
四、绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中和,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。
1. 在绿色中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。
2. 在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。
3. 在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。
五、紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。
1. 在紫色中红的成份较多时,其知觉具有压抑感、威胁感。
2. 在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。
3. 在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。
六、白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。
1. 在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。
2. 在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。
3. 在白色中混入少量的蓝,给人感觉清冷、洁净。
4. 在白色中混入少量的橙,有一种干燥的气氛。
5. 在白色中混入少量的绿,给人一种稚嫩、柔和的感觉。
6. 在白色中混入少量的紫,可诱导人联想到淡淡的芳香。
明白了配色方案,在具体操作的时候少不了会用到:
安全色谱
Snow | 255 250 250 | #FFFAFA |
GhostWhite | 248 248 255 | #F8F8FF |
WhiteSmoke | 245 245 245 | #F5F5F5 |
Gainsboro | 220 220 220 | #DCDCDC |
FloralWhite | 255 250 240 | #FFFAF0 |
OldLace | 253 245 230 | #FDF5E6 |
Linen | 250 240 230 | #FAF0E6 |
AntiqueWhite | 250 235 215 | #FAEBD7 |
PapayaWhip | 255 239 213 | #FFEFD5 |
BlanchedAlmond | 255 235 205 | #FFEBCD |
Bisque | 255 228 196 | #FFE4C4 |
PeachPuff | 255 218 185 | #FFDAB9 |
NavajoWhite | 255 222 173 | #FFDEAD |
Moccasin | 255 228 181 | #FFE4B5 |
Cornsilk | 255 248 220 | #FFF8DC |
Ivory | 255 255 240 | #FFFFF0 |
LemonChiffon | 255 250 205 | #FFFACD |
Seashell | 255 245 238 | #FFF5EE |
Honeydew | 240 255 240 | #F0FFF0 |
MintCream | 245 255 250 | #F5FFFA |
Azure | 240 255 255 | #F0FFFF |
AliceBlue | 240 248 255 | #F0F8FF |
lavender | 230 230 250 | #E6E6FA |
LavenderBlush | 255 240 245 | #FFF0F5 |
MistyRose | 255 228 225 | #FFE4E1 |
White | 255 255 255 | #FFFFFF |
Black | 0 0 0 | #000000 |
DarkSlateGray | 47 79 79 | #2F4F4F |
DimGrey | 105 105 105 | #696969 |
SlateGrey | 112 128 144 | #708090 |
LightSlateGray | 119 136 153 | #778899 |
Grey | 190 190 190 | #BEBEBE |
LightGray | 211 211 211 | #D3D3D3 |
MidnightBlue | 25 25 112 | #191970 |
NavyBlue | 0 0 128 | #000080 |
CornflowerBlue | 100 149 237 | #6495ED |
DarkSlateBlue | 72 61 139 | #483D8B |
SlateBlue | 106 90 205 | #6A5ACD |
MediumSlateBlue | 123 104 238 | #7B68EE |
LightSlateBlue | 132 112 255 | #8470FF |
MediumBlue | 0 0 205 | #0000CD |
RoyalBlue | 65 105 225 | #4169E1 |
Blue | 0 0 255 | #0000FF |
DodgerBlue | 30 144 255 | #1E90FF |
DeepSkyBlue | 0 191 255 | #00BFFF |
SkyBlue | 135 206 235 | #87CEEB |
LightSkyBlue | 135 206 250 | #87CEFA |
SteelBlue | 70 130 180 | #4682B4 |
LightSteelBlue | 176 196 222 | #B0C4DE |
LightBlue | 173 216 230 | #ADD8E6 |
PowderBlue | 176 224 230 | #B0E0E6 |
PaleTurquoise | 175 238 238 | #AFEEEE |
DarkTurquoise | 0 206 209 | #00CED1 |
MediumTurquoise | 72 209 204 | #48D1CC |
Turquoise | 64 224 208 | #40E0D0 |
Cyan |