在web站點(diǎn)設(shè)計(jì)中，對(duì)網(wǎng)頁(yè)進(jìn)行配色通常是設(shè)計(jì)師的直覺(jué)感受或者多次反復(fù)實(shí)驗(yàn)：例如對(duì)網(wǎng)頁(yè)顏色主色彩的選擇，考慮各種顏色的色調(diào)、飽和度，等等...，最終才能達(dá)到比較好的配色效果。
現(xiàn)在，網(wǎng)絡(luò)上有一些專(zhuān)用于配色設(shè)計(jì)的調(diào)色板工具，對(duì)網(wǎng)頁(yè)配色設(shè)計(jì)都很有價(jià)值。
個(gè)人覺(jué)得，比較好用、非常專(zhuān)業(yè)、同時(shí)對(duì)于網(wǎng)頁(yè)設(shè)計(jì)師（更專(zhuān)注于網(wǎng)頁(yè)配色）非常有幫助的一個(gè)在線(xiàn)免費(fèi)工具 － 我很驚嘆這是用Javascript寫(xiě)的:)
http://www.pixy.cz/apps/barvy/index-en.html
簡(jiǎn)要說(shuō)明使用方法：
1. 選擇基色
在配色前，你需要在左側(cè)的調(diào)色板中先選擇一個(gè)基色（Base color），選擇基色也很有講究，調(diào)色
版為我們劃分了暖色(warm)和冷色(cold)兩種色調(diào)，并依此進(jìn)行了更精確的數(shù)值區(qū)分（直接對(duì)基色
微調(diào)按鈕進(jìn)行操作）。
2. 選擇配色方案
在Scheme的選擇菜單中可以選擇多種方案進(jìn)行配色，具體有：?jiǎn)紊渖?、?duì)比色配色（基色加補(bǔ)色
）、可調(diào)整的對(duì)比色配色（可以調(diào)整Distance參數(shù)對(duì)補(bǔ)色進(jìn)行微調(diào)）、雙對(duì)比色（兩個(gè)比較接近的
顏色及它們所對(duì)應(yīng)的補(bǔ)色）、類(lèi)似色（基色和它相接近的顏色）。
a. 單色配色方案(monochromatic)：如果整個(gè)網(wǎng)頁(yè)配色由一些單一顏色漸變組成，這個(gè)方案是不錯(cuò)
的選擇。
b. 對(duì)比色配色（contrast）:原理是為基色增加與其色差比較大的幾種對(duì)比色。如果整個(gè)網(wǎng)頁(yè)的色
彩反差比較大，并且形成反差的顏色數(shù)量不是很多，推薦用這種方案。
c. 可調(diào)整的對(duì)比色配色（soft contrast）：參照b方案，可以進(jìn)一步調(diào)整各對(duì)比色與基色的色差
，方法是調(diào)節(jié)Distance參數(shù)。
d. 雙對(duì)比色（double contrast）：兩個(gè)比較接近的顏色及它們所對(duì)應(yīng)的對(duì)比色（4個(gè)一組），為
基色增加一個(gè)相近顏色，同時(shí)調(diào)節(jié)出這兩種顏色的對(duì)比色，如果將Distance調(diào)節(jié)至0，將只看到2個(gè)
一組的對(duì)比色，隨著Distance的增加，會(huì)逐漸顯現(xiàn)4個(gè)一組 － 兩對(duì)對(duì)比色。
e. 類(lèi)似色（analogic)：與基色比較接近的各種顏色，推薦色彩比較柔和、反差不明顯的網(wǎng)頁(yè)使用
。
3.自定義基色的色調(diào)（Hue）、飽和度(Saturation)、亮度(Brightness)
對(duì)這些選項(xiàng)進(jìn)行微調(diào)后，所配置的方案顏色會(huì)起到相應(yīng)變化。
4.在最底部的select選擇器中，你可以特別地為色盲設(shè)計(jì)的相應(yīng)的配色方案.
5.選擇WebColors后，使配出的顏色更符合網(wǎng)頁(yè)用色！
6.除此之外，點(diǎn)擊free editor按鈕，進(jìn)行自由配色。
接著，我再推薦一些調(diào)色版的相關(guān)鏈接，有興趣的朋友可仔細(xì)琢磨一下：
http://www.colormatch.dk/
http://slayeroffice.com/tools/color_palette/
http://kohaistyle.com/scripts/quickcolor http://www.easyrgb.com/harmonies.php
http://www.stcsig.org/usability/topics/colorblind.html
http://color.twysted.net
http://www.coolhomepages.com/cda/color
http://www.masternewmedia.org/2003/04/30/
how_to_select_perfectly_matching_color_combinations.htm
http://dev.sessions.edu/ilu/ilu_1.html http://www.technetguru.com/design
http://www.mundidesign.com/webct
http://graphicdesign.about.com/library/color/blweb2.htm
http://www.pourpre.com/chromograf/en/
http://www.webwhirlers.com/colors/wizard.asp
最后, 如果你覺(jué)得我推薦的調(diào)色板好用或者還不錯(cuò)的話(huà)，請(qǐng)不要忘記在注釋中評(píng)論。
聯(lián)系客服
