漸層色

製作網頁時，通常會使用到長、寬不等的背景圖，尤其是網頁中每個單元標題內的背景色彩，要產生這種背景時，通常有兩種做法，一是可以使用背景圖片；再來則是使用 CSS 語法，兩種方法各有優缺點。Ultimate CSS Gradient Generator 網站則是以 CSS 語法為主，使用方式相當簡單，可自訂色彩代碼，混入漸層、自訂長、寬後，只要複製其產生的 CSS 語法，便能應用到網頁裡。

漸層色較單一顏色來的有層次感，也深受美工人員的愛用，要用 CSS 做出漸層色，不難，但難在顏色如何搭配，這讓人很傷腦筋的，WebGradients 這個網站提供 180個已經配好色的漸層色彩，並提供 CSS3 語法與 PNG 圖檔，不論是個人或商業均可免費取用。

在網頁中使用動畫，通常都能吸引到用戶的目光，所以時常可以看到有些網站利用一些 gif 的動畫小圖示，放在希望能引起用戶注意的區塊中，CSS Gradient Animator 是一個以 CSS 語法來產生色彩漸層動畫為主的網站，使用的方式相當簡單，只要利用其設計好的介面點選所要的漸層顏色、漸層角度、滾動角度及動畫的速度等參數，設定好的漸層色彩效果，可以利用 Preview 功能，立即顯示在該瀏覽器的背景，且能自動幫產生相關的 CSS 語法，讓你方便應用到網頁中。

Gradientos 是個免費線上漸層色彩產生器，可用來快速測試不同漸變在一些常見 UI 元素上的外觀，例如 ICON或背景色等，一進入 Gradientos 網站，就可以看到隨機出現的漸層色彩，點擊任一色彩，就會告訴使用者它的色彩組成，同時產生 CSS語法及圖片，方便使用者後續的應用。

色彩的運用不論是採純色、漸層色或兩者搭配都是不錯的選擇，以網頁要使用漸層色來說，可以使用圖片亦可以使用 CSS 語法來產生，CSSGradients 這個網站免費提供 11000+個以 CSS 語法配置好的漸層色彩模板，使用者僅需選擇要使用的色彩模板，就可以複製該模板的 CSS 語法，運用到網頁任何位置，相當方便。

OnlineIconMaker 是一個線上免費的圖示產生器，只需要幾個步驟，就可產生包含有漸層色的圖示，且所產生的圖示尺寸從 16x16、32x32、64x64、128x128 到 200x200 的 PNG 圖檔格式，下載時免註冊，一次就讓你全部下載回去。