色彩漸層

網頁有需要使用色彩漸層來布置時，有些人會使用圖片來避開因不同瀏覽器對 CSS 支援各有不同的問題，但也有網站採主要瀏覽器才支援的 CSS 語法來支應，Blend-CSS 是一個可以線上產生漸層色彩的 CSS 語法產生器，操作方法非常直覺，透過設計好的左、右可選不同色彩的介面，直接就可混合成漸層色彩，且可直接預覽，滿意後，就可複製其產出的 CSS 語法，放到網頁要應用的地方，相當方便。

雖說現在用 CSS 語法就在網頁上產生漸層效果，不需要用到圖片，但同一種語法各家瀏覽器不見得都能通用就是個麻煩，且如果是做文宣品或非在網頁上顯示的色彩漸層，大概也只能用圖片來實現。Gradient Actualizer 是一套免安裝的漸層色彩圖片產生器，只要設定好三種顏色，就能自動幫由上到下、由左至右、垂直向兩側與水平往上下的色彩漸層圖片，可以旋轉，可以自訂圖片大小，簡單且好用。

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

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