本節書摘來自異步社群《dreamweaver cs6完美網頁制作——基礎、執行個體與技巧從入門到精通》一書中的第2章，第2.1節，作者：何新起 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
打開一個網站，給使用者留下第一印象的既不是網站豐富的内容，也不是網站合理的版面布局，而是網站的色彩。一個網站設計成功與否，在某種程度上取決于設計者對色彩的運用和搭配。網頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。網頁的色彩是樹立網站形象的關鍵之一，是以在設計網頁時，必須要高度重視色彩的搭配，然而色彩搭配卻是設計者普遍感到頭疼的問題。本章将介紹網頁色彩搭配的知識。
學習目标
了解網頁中圖像的使用常識
掌握在網頁中插入圖像
掌握圖像屬性的設定
掌握在dreamweaver中編輯圖像
掌握背景圖像的使用
為了能更好地應用色彩來設計網頁，先來了解一下色彩的一些基本概念。自然界中色彩五顔六色、千變萬化，但是最基本的有3種（紅、黃、藍），其他的色彩都可以由這3種色彩調和而成，是以這3種色彩被稱為“三原色”。平時所看到的白色光，經過分析在色帶上都可以看到，它包括紅、橙、黃、綠、青、藍、紫這7種顔色，各顔色間自然過渡，其中，紅、黃、藍是三原色，三原色通過不同比例的混合可以得到各種顔色。
現實生活中的色彩可以分為彩色和非彩色。其中黑、白、灰屬于非彩色系列，其他的色彩都屬于彩色。任何一種彩色都具備3個特征：色相、明度和純度，其中非彩色隻有明度屬性。
色相：指的是色彩的名稱。色相是色彩最基本的特征，是一種色彩差別于另一種色彩的最主要的因素。如紫色、綠色、黃色等都代表了不同的色相。同一色相的色彩，調整一下亮度或者純度就很容易搭配，如深綠、暗綠和草綠。
最初的基本色相為：紅、橙、黃、綠、藍、紫。在各色中間加插一兩個中間色，其頭尾色相，按光譜順序為：紅、橙紅、黃橙、黃、黃綠、綠、綠藍、藍綠、藍、藍紫、紫、紅紫——十二基本色相，如圖2.1所示。
明度：也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。如一些購物、兒童類網站，用的是一些鮮亮的顔色，讓人感覺絢麗多姿，生氣勃勃。圖2.2所示為色彩鮮明的購物網站。
純度：指色彩的鮮豔程度，純度高的色彩鮮亮，純度低的色彩暗淡，含灰色。
相近色：指色環中相鄰的3種顔色，相近色的搭配給人的視覺效果很舒适、很自然，是以相近色在網站設計中極為常用。如圖2.3所示的深藍色、淺藍色和紫色。
互補色：指色環中相對的兩種色彩，如圖2.4所示的亮綠色跟紫色、紅色跟綠色、藍色和橙色等。對互補色，調整一下補色的亮度，有時候是一種很好的搭配。
暖色：圖2.5所示的黃色、橙色、紅色、紫色等都屬于暖色系列。暖色跟黑色調和可以達到很好的效果。暖色一般應用于購物類網站、兒童類網站等，用以展現商品的琳琅滿目，兒童類網站的活潑、溫馨等效果。
冷色：圖2.6所示的綠色、藍色、藍紫色等都屬于冷色系列。冷色跟白色調和可以達到一種很好的效果。冷色一般應用于一些高科技網站，主要表達嚴肅、穩重等效果。