网站配色,CSS主色调配色方案

前端  /  管理员 发布于 7年前   202

对于设计时，风格定位有困难的人会有一定帮助吧？我也想研究一下！
----------------------------------------------------------------------------------------------------------------------------------------------
一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。
　　1、在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。
　　2、在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。
　　3、在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。
　　4、在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。
二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。
　　1、 在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。
　　2、 在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。
　　3、 在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。
　　4、 在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。
三、 蓝色的色感较冷，性格朴实而内向，是一种有助于人头脑冷静的颜色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深 远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、 橙、白等色，均不会对蓝色的性格构成较明显的影响力。
　　1、 如果在橙色中黄的成份较多，其性格趋于甜美、亮丽、芳香。
　　2、 在橙色中混入小量的白，可使橙色的知觉趋于焦躁、无力。
四、绿色是具有黄色和蓝色两种成份的色。在绿色中，将黄色的扩张感和蓝色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。
　　1、 在绿色中黄的成份较多时，其性格就趋于活泼、友善，具有幼稚性。
　　2、 在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。
　　3、 在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。
五、紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。
　　1、 在紫色中红的成份较多时，其知觉具有压抑感、威胁感。
　　2、 在紫色中加入少量的黑，其感觉就趋于沉闷、伤感、恐怖。
　　3、 在紫色中加入白，可使紫色沉闷的性格消失，变得优雅、娇气，并充满女性的魅力。
六、白色的色感光明，性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色，都会影响其纯洁性，使其性格变的含蓄。
　　1、 在白色中混入少量的红，就成为淡淡的粉色，鲜嫩而充满诱惑。
　　2、 在白色中混入少量的黄，则成为一种乳黄色，给人一种香腻的印象。
　　3、 在白色中混入少量的蓝，给人感觉清冷、洁净。
　　4、 在白色中混入少量的橙，有一种干燥的气氛。
　　5、 在白色中混入少量的绿，给人一种稚嫩、柔和的感觉。
　　6、 在白色中混入少量的紫，可诱导人联想到淡淡的芳香。

set rs=conn.execute(\"select * from nproduct where id=\"&request(\"infoid\"))if not (rs.eof and rs.bof) thenproname=rs(\"proname\")content=rs(\"proinfo\")end ifrs.closeset rs=nothingend if(PMS) C M Y K RGB Hex
100 0 0 51 0 #ffff7d
101 0 0 79 0 #ffff36
102 0 1 95 0 #fffc0d
103 0 3 100 18 #d1cb00
104 0 3 100 30 #b3ad00
105 0 3 100 50 #807c00
106 0 2 69 0 #fffa4f
107 0 4 79 0 #fff536
108 0 6 95 0 #fff00d
109 0 10 100 0 #ffe600
110 0 12 100 7 #edd100
111 0 11 100 27 #baa600 112 0 10 100 38 #9e8e00
113 0 7 66 0 #ffed57
114 0 8 73 0 #ffeb45
115 0 9 80 0 #ffe833
116 0 16 100 0 #ffd600
117 0 18 100 15 #d9b200
118 0 18 100 27 #ba9900
119 0 12 100 49 #827200
120 0 9 58 0 #ffe86b
1205 0 5 31 0 #fff2b0
121 0 11 69 0 #ffe34f
1215 0 9 45 0 #ffe88c
122 0 17 80 0 #ffd433
1225 0 17 62 0 #ffd461
123 0 24 94 0 #ffc20f
1235 0 29 91 0 #ffb517
124 0 28 100 6 #f0ad00
1245 0 28 100 18 #d19700 125 0 26 100 26 #bd8c00
1255 0 27 100 34 #a87b00
126 0 25 100 37 #a17800
1265 0 27 100 51 #7d5b00
127 0 7 50 0 #ffed80
128 0 11 65 0 #ffe359
129 0 16 77 0 #ffd63b
130 0 30 100 0 #ffb300
131 0 32 100 9 #e89e00
132 0 28 100 30 #b38100
133 0 20 100 56 #705a00
134 0 11 45 0 #ffe38c
1345 0 14 47 0 #ffdb87
135 0 19 60 0 #ffcf66
1355 0 20 56 0 #ffcc70
136 0 27 76 0 #ffba3d
1365 0 29 72 0 #ffb547
137 0 35 90 0 #ffa61a
1375 0 40 90 0 #ff991a
138 0 42 100 1 #fc9200
1385 0 44 100 7 #ed8500
139 0 37 100 23 #c47c00
1395 0 41 100 37 #a15f00
140 0 27 100 54 #755600
1405 0 36 100 63 #5e3c00
141 0 19 51 0 #ffcf7d
142 0 28 76 0 #ffb83d
143 0 35 85 0 #ffa626
144 0 48 100 0 #ff8500
145 0 47 100 8 #eb7c00
146 0 43 100 33 #ab6100
147 0 28 100 56 #705100
148 0 16 37 0 #ffd6a1
1485 0 27 54 0 #ffba75
149 0 23 47 0 #ffc487
1495 0 33 67 0 #ffab54
150 0 35 70 0 #ffa64d
1505 0 42 77 0 #ff943b
151 0 48 95 0 #ff850d
152 0 51 100 1 #fc7c00
1525 0 58 100 10 #e66000
153 0 46 100 18 #d17100
1535 0 53 100 38 #9e4a00
154 0 46 100 34 #a85b00
1545 0 53 100 72 #472200
155 0 12 28 0 #ffe0b8
1555 0 22 34 0 #ffc7a8
156 0 22 42 0 #ffc794
1565 0 34 49 0 #ffa882
157 0 43 70 0 #ff914d
1575 0 45 72 0 #ff8c47
158 0 61 97 0 #ff6308
1585 0 56 90 0 #ff701a
159 0 66 100 7 #ed5100
1595 0 59 100 5 #f26300
160 0 62 100 32 #ad4200
1605 0 56 100 30 #b34f00
161 0 52 100 64 #5c2c00
1615 0 56 100 43 #914000
162 0 15 22 0 #ffd9c7
1625 0 31 37 0 #ffb0a1
163 0 31 44 0 #ffb08f
1635 0 39 48 0 #ff9c85
164 0 46 73 0 #ff8a45
1645 0 49 66 0 #ff8257
165 0 59 96 0 #ff690a
1655 0 63 91 0 #ff5e17
166 0 64 100 0 #ff5c00
1665 0 68 100 0 #ff5200
167 0 60 100 17 #d45500
1675 0 67 100 28 #b83d00
168 0 57 100 59 #692d00
1685 0 68 100 44 #8f2e00
169 0 20 20 0 #ffcccc
170 0 40 44 0 #ff998f
171 0 53 68 0 #ff7852
172 0 66 88 0 #ff571f
173 0 69 100 4 #f54c00
174 0 70 100 36 #a33100
175 0 65 100 60 #662400
176 0 25 18 0 #ffbfd1
1765 0 38 21 0 #ff9ec9
1767 0 27 12 0 #ffbae0
177 0 45 40 0 #ff8c99
1775 0 47 29 0 #ff87b5
1777 0 58 36 0 #ff6ba3
178 0 59 56 0 #ff6970
1785 0 67 50 0 #ff5480
1787 0 76 60 0 #ff3d66
1788 0 84 88 0 #ff291f
179 0 79 100 0 #ff3600
1795 0 94 100 0 #ff0f00
1797 0 100 99 4 #f50002
180 0 79 100 11 #e33000
1805 0 91 100 23 #c41200
1807 0 100 96 28 #b80007
181 0 74 100 47 #872300
1815 0 90 100 51 #7d0c00
1817 0 90 100 66 #570900
182 0 26 10 0 #ffbde6
183 0 46 21 0 #ff8ac9
184 0 68 41 0 #ff5296
.social-share p{font-size:8px;}