黄色是在站点配色中使用最为广泛的颜色之一,因为黄色本身具有一种明朗愉快的效果,所以能够得到大部分人的认可。
黄色在从儿童站点直至门户型网站等几乎每一个角落中都找到了自己的发挥空间,通过结合紫色、蓝色等颜色可以得到温暖愉快的积极效果。
- 高彩度的黄色与黑色的结合可以得到清晰整洁的效果,这种配色实例在网页设计中经常可以见到。
- 采用同一色调的深褐色与黄色的搭配,可以表达一种成熟的城市时尚的感觉。
> Color Point: > > 黄色是明亮的且可以给人甜蜜幸福感觉的颜色。 > > 在很多艺术家的作品,黄色都用来表现喜庆的气氛和富饶的景色。同时黄色还可以起到强调突出的作用,这也是使用黄色作为路口指示灯的原因。黄色因为具有诸多以上的特点,所以在我们的日常生活中随处可见。
r 255 | r 204 | r 255 |
g 255 | g 255 | g 204 |
b 204 | b 255 | b 204 |
#ffffcc | #ccffff | #ffcccc |
r 153 | r 255 | r 255 |
g 204 | g 204 | g 255 |
b 255 | b 51 | b 204 |
#99ccff | #ffcc33 | #ffffcc |
--- | --- | --- |
r 255 | r 153 | r 204 |
g 255 | g 204 | g 204 |
b 51 | b 255 | b 204 |
#ffff33 | #99ccff | #cccccc |
r 255 | r 255 | r 204
g 255 | g 255 | g 204
b 0 | b 255 | b 0
#ffff00 | #ffffff | #cccc00
r 255 | r 255 | r 153
g 255 | g 255 | g 51
b 0 | b 255 | b 255
#ffff00 | #ffffff | #9933ff
r 153 | r 255 | r 255 |
g 204 | g 204 | g 255 |
b 255 | b 51 | b 51 |
#99ccff | #ffcc33 | #ffff33 |
--- | --- | --- |
r 255 | r 102 | r 255 |
g 204 | g 204 | g 255 |
b 0 | b 0 | b 153 |
#ffcc00 | #66cc00 | #ffff99 |
--- | --- | --- |
r 255 | r 255 | r 0 |
g 153 | g 255 | g 153 |
b 0 | b 0 | b 204 |
#ff9900 | #ffff00 | #0099cc |
--- | --- | --- |
r 255 | r 0 | r 255 |
g 204 | g 0 | g 255 |
b 0 | b 204 | b 153 |
#ffcc00 | #0000cc | #ffff99 |
--- | --- | --- |
r 204 | r 255 | r 102 |
g 153 | g 255 | g 102 |
b 153 | b 204 | b 204 |
#cc9999 | #ffffcc | #6666cc |
--- | --- | --- |
r 153 | r 255 | r 204 |
g 153 | g 255 | g 153 |
b 51 | b 204 | b 204 |
#999933 | #ffffcc | #cc99cc |
--- | --- | --- |
r 204 | r 102 | r 204 |
--- | --- | --- |
g 204 | g 102 | g 204 |
b 0 | b 0 | b 255 |
#cccc00 | #666600 | #ccccff |
--- | --- | --- |
r 255 | r 255 | r 153 |
g 153 | g 255 | g 204 |
b 102 | b 204 | b 153 |
#ff9966 | #ffffcc | #99cc99 |
--- | --- | --- |
r 255 | r 255 | r 153 |
g 204 | g 255 | g 153 |
b 51 | b 204 | b 102 |
#ffcc33 | #ffffcc | #999966 |
--- | --- | --- |
r 255 | r 255 | r 255 |
--- | --- | --- |
g 204 | g 102 | g 255 |
b 153 | b 102 | b 102 |
#ffcc99 | #ff6666 | #ffff66 |
--- | --- | --- |
r 255 | r 153 | r 255 |
g 204 | g 153 | g 255 |
b 153 | b 102 | b 0 |
#ffcc99 | #999966 | #ffff00 |
--- | --- | --- |
r 255 | r 153 | r 102 |
g 255 | g 204 | g 102 |
b 153 | b 153 | b 0 |
#ffff99 | #99cc99 | #666600 |
--- | --- | --- |
r 153 | r 255 | r 51 |
g 153 | g 255 | g 51 |
b 102 | b 153 | b 51 |
#999966 | #ffff99 | #333333 |
--- | --- | --- |
r 0 | r 51 | r 204 |
g 102 | g 51 | g 204 |
b 51 | b 0 | b 153 |
#006633 | #333300 | #cccc99 |
--- | --- | --- |
r 0 | r 102 | r 204 |
g 102 | g 51 | g 204 |
b 51 | b 0 | b 102 |
#006633 | #663300 | #cccc66 |