Sealyu

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

希望本文能使各位讀者制作的網頁更加多姿多彩。

posted on 2010-01-16 11:40 seal 閱讀(417) 評論(0) 編輯收藏所屬分類: CSS

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: CSS Hack區分瀏覽器 IE6 IE7 IE8 Firefox Opera Safari Effective and Powerful CSS Tools & Generators for Designers Clean vCard: A Free Professional XHTML-CSS vCard Template Top Articles On The Web Design Billboard In August’10 CSS Sprites 100+ Free High Quality Icon Sets for Web Designers and Developers CSS Image Maps(轉) CSS樣式首字母黑體加大 CSS首字母大些 TEXT(轉) 讓 IE6, 7和 8支持CSS3 (轉)

Sealyu

常用鏈接

留言簿(14)

隨筆分類

隨筆檔案

友情鏈接

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜