現在很常在網路服務或網站上看到漸層背景應用，記得早期都必須使用圖片堆疊出來，不過後來已經可以寫入 CSS 樣式，只要指定顏色代碼和呈現方式即可。雖然知道有這功能，但要立即寫出來好像也不是那麼容易，還好有網站可以參考，例如 Gradient Backgrounds 收錄各種漸層背景產生器的一站式工具，簡單一點還有 ColorSpark、CoolHue 這類漸層色組合產生器，可快速建立 CSS3 語法，複製到網站就能套用。
CSS產生器
Gradient Backgrounds 一站式漸層背景產生器，收錄各種服務方便切換
大家都知道現在漸層背景可直接使用 CSS 3 寫出來，終於不用辛苦製作背景圖，好處是一段程式碼就能解決，但你可能不一定知道怎麼寫，還好網路上已經有不少背景產生器，透過可視化介面調整效果後快速轉為程式碼，非常方便！例如 WebGradients、CoolHue 或 ColorSpark 都很好用，如果你需要更複雜一點的背景圖案，Caself 和 Subtle Patterns 也很適合。
ColorSpark 隨機產生顏色或漸層色組合，顯示 CSS3 代碼快速複製
每次要選擇顏色的時候，我總是會從眾多配色工具找一兩個自己喜歡的，無論從中尋找靈感或挑選合適的顏色都很好用，例如：Coolors 快速選色器，後來改版後介面稍微有變得複雜一些；另外還有 Colordot 更人性化的選色工具服務，在移動滑鼠搖標時輕鬆找出配色靈感；我也喜歡 NIPPON COLORS 代表日本的 250 種顏色，這是找尋日本傳統色系配色的絕佳網站。
SVG Backgrounds 免費網站背景圖下載，可線上預覽、調整顏色細節
CoolHue 最酷的漸層色背景色卡產生器，快速產生背景 CSS3 語法
這幾年新出現的網路服務或應用程式都喜歡使用漸變色作為背景圖，有一些則會選用高畫質、高解析度免費圖庫相片，相較於單色背景來說，漸層色看起來更有活力，且目前技術只要透過 CSS3 語法就能將漸層運用到網頁中，不會拖慢網頁載入速度，語法撰寫方式也很簡單，幾乎可以說一段語法就能快速套用背景。
WebGradients 收錄 180 種漸層背景免費下載，一鍵產生 CSS 3 語法
現在一些新的網路服務都蠻喜歡使用漸層顏色作為背景，一來讓背景不那麼單調，再者是 CSS3 之後加入 linear-gradient 參數表示漸變色背景圖，除了顏色外還能控制漸層的角度等等，幾乎只要幾個控制參數就能做到，在應用上更為靈活。如果你想要在網站開發或部落格使用漸層背景，之前我推薦的「Unique Gradient Generator 美麗的網頁毛玻璃模糊背景產生器」是一個方法，另外本文要介紹的 WebGradients 就更厲害一些。