在web站點設(shè)計中，對網(wǎng)頁進行配色通常是設(shè)計師的直覺感受或者多次反復(fù)實驗：例如對網(wǎng)頁顏色主色彩的選擇，考慮各種顏色的色調(diào)、飽和度，等等...，最終才能達到比較好的配色效果。
現(xiàn)在，網(wǎng)絡(luò)上有一些專用于配色設(shè)計的調(diào)色板工具，對網(wǎng)頁配色設(shè)計都很有價值。
個人覺得，比較好用、非常專業(yè)、同時對于網(wǎng)頁設(shè)計師（更專注于網(wǎng)頁配色）非常有幫助的一個在線免費工具 － 我很驚嘆這是用Javascript寫的:)
http://www./apps/barvy/index-en.html

簡要說明使用方法：
1. 選擇基色
在配色前，你需要在左側(cè)的調(diào)色板中先選擇一個基色（Base color），選擇基色也很有講究，調(diào)色

版為我們劃分了暖色(warm)和冷色(cold)兩種色調(diào)，并依此進行了更精確的數(shù)值區(qū)分（直接對基色

微調(diào)按鈕進行操作）。

2. 選擇配色方案
在Scheme的選擇菜單中可以選擇多種方案進行配色，具體有：單色配色、對比色配色（基色加補色

）、可調(diào)整的對比色配色（可以調(diào)整Distance參數(shù)對補色進行微調(diào)）、雙對比色（兩個比較接近的

顏色及它們所對應(yīng)的補色）、類似色（基色和它相接近的顏色）。

a. 單色配色方案(monochromatic)：如果整個網(wǎng)頁配色由一些單一顏色漸變組成，這個方案是不錯

的選擇。

b. 對比色配色（contrast）:原理是為基色增加與其色差比較大的幾種對比色。如果整個網(wǎng)頁的色

彩反差比較大，并且形成反差的顏色數(shù)量不是很多，推薦用這種方案。

c. 可調(diào)整的對比色配色（soft contrast）：參照b方案，可以進一步調(diào)整各對比色與基色的色差

，方法是調(diào)節(jié)Distance參數(shù)。

d. 雙對比色（double contrast）：兩個比較接近的顏色及它們所對應(yīng)的對比色（4個一組），為

基色增加一個相近顏色，同時調(diào)節(jié)出這兩種顏色的對比色，如果將Distance調(diào)節(jié)至0，將只看到2個

一組的對比色，隨著Distance的增加，會逐漸顯現(xiàn)4個一組 － 兩對對比色。

e. 類似色（analogic)：與基色比較接近的各種顏色，推薦色彩比較柔和、反差不明顯的網(wǎng)頁使用

。

3.自定義基色的色調(diào)（Hue）、飽和度(Saturation)、亮度(Brightness)

對這些選項進行微調(diào)后，所配置的方案顏色會起到相應(yīng)變化。

4.在最底部的select選擇器中，你可以特別地為色盲設(shè)計的相應(yīng)的配色方案.

5.選擇WebColors后，使配出的顏色更符合網(wǎng)頁用色！

6.除此之外，點擊free editor按鈕，進行自由配色。

接著，我再推薦一些調(diào)色版的相關(guān)鏈接，有興趣的朋友可仔細琢磨一下：
http://www./
http:///tools/color_palette/
http:///scripts/quickcolor http://www./harmonies.php
http://www./usability/topics/colorblind.html
http://color.
http://www./cda/color
http://www./2003/04/30/

how_to_select_perfectly_matching_color_combinations.htm
http://dev./ilu/ilu_1.html http://www./design
http://www./webct
http://graphicdesign./library/color/blweb2.htm
http://www./chromograf/en/
http://www./colors/wizard.asp

最后, 如果你覺得我推薦的調(diào)色板好用或者還不錯的話，請不要忘記在注釋中評論。