216網頁安全色是指在不同硬件環境、不同操作系統、不同瀏覽器中都能夠正常顯示的顏色集合（調色板），也就是說這些顏色在任何終端瀏覽用戶顯示設備上的現實效果都是相同的。所以使用216網頁安全色進行網頁配色可以避免原有的顏色失真問題。

網絡安全色是當紅色（Red）、綠色（Green）、藍色（Blue）顏色數字信號值（DAC Count）為0、51、102、153、204、255時構成的顏色組合，它一共有 6 * 6 * 6 = 216 種顏色（其中彩色為210種，非彩色為6種）。

216網頁安全色在需要實現高精度的漸變效果或顯示真彩圖像或照片時會有一定的欠缺，但用於顯示徽標或者二維平面效果時卻是綽綽有餘的。

不過我們也可以看到很多站點利用其他非網頁安全色做到了新穎獨特的設計風格，所以我們並不需要刻意地追求使用局限在216網頁安全色範圍內的顏色，而是應該更好地搭配使用安全色合非安全色。 216網頁安全色是根據當前計算機設備的情況通過無數次反覆分析論證得到的結果，這對於一個網頁設計師來說是必備的常識，且利用它可以擬定出更安全、更出色的網頁配色方案。

（一）不同顏色之間的印象差異

1．紅色：動態的感覺。

2．藍色：靜態的生硬的感覺。

3．黃色：柔和的動態的感覺。

4．綠色：柔和的感覺，既不動態也不靜態。

（二）配色印象空間

設計站點時，通常都需要搭配四五種甚至更多種顏色，為了對多種顏色的混合使用進行評價，需引入新的分析方法----配色印象空間。

1．靜態柔和感覺：通常都是隱約柔和顏色之間的搭配。

2．動態柔和感覺：通常都是鮮亮顏色間的搭配。

3．動態生硬感覺：通常都是鮮亮顏色和渾濁暗淡色之間的搭配。

4．靜態生硬感覺：通常都是灰冷顏色之間的搭配。

在「配色印象空間」中，相距較遠的顏色之間的印象會有較大的差異，而距離較近的顏色之間的印象會比較相近，也就是說顏色間的距離與印象的差異程度成正比例關係。

（三）配色基本知識

1．基於色相的配色關係：

採用不同色調的同一色相時，稱之為同一色相配色。

採用兩側相鄰的色相配色時，稱為類似色相配色。

採用互為補色的或使用色相環中距離較遠的顏色配色，稱為相反色相配色。

同一色相和類似色相配色總體上會給人一種安靜整齊的感覺。

相反色相配色則更具變化感。

2．基於色調的配色關係：

選擇同一色調不同色相的配色方案，稱為同一色調配色。

選擇類似基準色調的本色方案，稱為類似色調配色。這些色調在色調表中比較靠近基準色調。

選擇與基準色調相反的色調的配色方案，稱之為相反色調配色。這些色調在色調表中遠離基準色調。

（四）典型的五種配色原理

1．基於色相的配色。

基於色相策劃了一個配色方案時，獲得的效果通常會比較華麗明艷。此方式在拉丁美洲和亞洲使用最為廣泛。適當地搭配好補色可以突出顯示顏色並給人輕快的感覺，適當地搭配好類似色相可以獲得整齊寧靜的效果。

特點：可以獲得穩定的變化效果。

*補色與相反色相配色：強烈而鮮明的效果。

*類似色相配色：冷靜而穩重的感覺。

（A）相反色相、類似色調配色。

當使用了對比度較高的鮮明（Vivid）色調時，所使用色相效果將被突出從而得到較強的動態效果；當使用了對比度較低的黑暗（Dark）色調時，即使使用了多種不同的色相也能夠得到較安靜沉重的效果，這是因為使用暗色調時色相差異也會變得不太明顯。

特點：靜態的變化效果。

*補色與相反色相配色：強調效果，輕快的氣氛。

*類似色相配色：整齊、安靜的感覺。

TIP:

背景色：用於背景的顏色。

主顏色：主要顏色，起到在整體上顯示出站點整體內容和風格的重要作用。

輔助顏色：輔助主要顏色的次要顏色，用於協助主顏色凝造整體氣氛。

突出顏色：用於突出、強調顯示，主要使用於佔用範圍較小的按鈕、標籤等處。

（B）相反色相、相反色調配色。

得到的效果具有強烈的變化感和逆向性。如果說類似色調配色方案能凝造出整齊的氛圍，那麼相反色調配色凝造出的就是一種強弱分明的氛圍。影響這種配色方案效果的最大因素在於所選顏色在整體畫面中所佔的比例。

此方案通常用於突出顯示較暗背景中的某一個較亮對象。

特點：變化感和逆向性。

*需要根據顏色的色相與色調調整所佔比例的大小。

（C）非彩色和彩色

非彩色主要由白色、黑色以及過渡階段中的灰色構成，在與彩色搭配使用時，可以起到突出彩色的效果。通過搭配使用高亮度的彩色和白色以及亮灰色，可以得到明亮輕快的效果。而低亮度彩色和黑色以及暗灰色，可以得到黑暗沉重的效果。

特點：當非彩色的範圍較大時可以凝造寧靜的氛圍。

*高亮度配色：輕快的感覺。

*低亮度配色：沉重的感覺。

2．基於色調的配色。

3．漸變配色。

4．Separation配色----強弱對比效果。

5．重點突出配色----強調突出效果。