使用了高亮度橙色的站点通常都会给人一种晴朗新鲜的感觉,而通过将黄色、黄绿色等类似颜色与成色搭配使用,通常都能得到非常好的效果。同时,中等色调的橙色类似于泥土的颜色,所以也经常用来创造自然的氛围。
橙色是可以通过变换色调营造出不同氛围的典型颜色,它既能表现出青春的活力也能够实现沉稳老练的效果,所以橙色在网页配色中的使用范围是非常广泛的。
> Color Point: > > 橙色通常会给人一种朝气活泼的感觉,它通常可以是原本抑郁的心情豁然开朗。 > > 在东方文化中,橙色象征着爱情和幸福。充满活力的橙色会给人健康的感觉,且有人说橙色可以提高厌食症患者的食欲。有些国家的僧侣主要穿着橙色的僧侣服,他们解释说橙色代表着谦逊。
r 255 | r 255 | r 153 |
--- | --- | --- |
g 204 | g 255 | g 204 |
b 153 | b 153 | b 153 |
#ffcc99 | #ffff99 | #99cc99 |
--- | --- | --- |
r 255 | r 204 | r 204 |
g 204 | g 255 | g 204 |
b 153 | b 153 | b 204 |
#ffcc99 | #ccff99 | #cccccc |
--- | --- | --- |
r 255 | r 255 | r 153 |
g 204 | g 255 | g 204 |
b 153 | b 204 | b 255 |
#ffcc99 | #ffffcc | #99ccff |
--- | --- | --- |
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 51 |
g 153 | g 255 | g 102 |
b 0 | b 204 | b 153 |
#ff9900 | #ffffcc | #336699 |
--- | --- | --- |
r 204 | r 255 | r 204 |
g 204 | g 255 | g 153 |
b 51 | b 153 | b 51 |
#cccc33 | #ffff99 | #cc9933 |
--- | --- | --- |
r 153 | r 255 | r 255 |
g 102 | g 204 | g 255 |
b 0 | b 51 | b 204 |
#996600 | #ffcc33 | #ffffcc |
--- | --- | --- |
r 255 | r 204 | r 51 |
g 255 | g 153 | g 102 |
b 204 | b 51 | b 102 |
#ffffcc | #cc9933 | #336666 |
--- | --- | --- |
r 255 | r 255 | r 0 |
g 153 | g 255 | g 153 |
b 0 | b 0 | b 204 |
#ff9900 | #ffff00 | #0099cc |
--- | --- | --- |
r 153 | r 255 | r 255 |
g 204 | g 153 | g 204 |
b 51 | b 0 | b 0 |
#99cc33 | #ff9900 | #ffcc00 |
--- | --- | --- |
r 255 | r 153 | r 204 |
g 153 | g 204 | g 102 |
b 51 | b 51 | b 153 |
#ff9933 | #99cc33 | #cc6699 |
--- | --- | --- |
r 255 | r 255 | r 51 |
--- | --- | --- |
g 153 | g 255 | g 102 |
b 51 | b 0 | b 204 |
#ff9933 | #ffff00 | #3366cc |
--- | --- | --- |
r 255 | r 255 | r 0 |
g 153 | g 255 | g 153 |
b 51 | b 204 | b 102 |
#ff9933 | #ffffcc | #009966 |
--- | --- | --- |
r 255 | r 255 | r 0 |
g 102 | g 255 | g 153 |
b 0 | b 102 | b 102 |
#ff6600 | #ffff66 | #009966 |
--- | --- | --- |
r 153 | r 204 | r 255 |
g 0 | g 255 | g 153 |
b 51 | b 102 | b 0 |
#990033 | #ccff66 | #ff9900 |
--- | --- | --- |
r 255 | r 153 | r 204 |
--- | --- | --- |
g 153 | g 102 | g 204 |
b 102 | b 0 | b 0 |
#ff9966 | #996600 | #cccc00 |
--- | --- | --- |
r 204 | r 153 | r 204 |
g 102 | g 153 | g 204 |
b 0 | b 153 | b 51 |
#cc6600 | #999999 | #cccc33 |
--- | --- | --- |
r 204 | r 204 | r 51 |
g 102 | g 204 | g 102 |
b 0 | b 51 | b 153 |
#cc6600 | #cccc33 | #336699 |
--- | --- | --- |
r 0 | r 255 | r 153 |
g 0 | g 153 | g 153 |
b 0 | b 51 | b 102 |
#000000 | #ff9933 | #999966 |
--- | --- | --- |
r 102 | r 255 | r 255 |
--- | --- | --- |
g 51 | g 153 | g 255 |
b 0 | b 51 | b 102 |
#663300 | #ff9933 | #ffff66 |