現在很常在網路服務或網站上看到漸層背景應用，記得早期都必須使用圖片堆疊出來，不過後來已經可以寫入 CSS 樣式，只要指定顏色代碼和呈現方式即可。雖然知道有這功能，但要立即寫出來好像也不是那麼容易，還好有網站可以參考，例如 Gradient Backgrounds 收錄各種漸層背景產生器的一站式工具，簡單一點還有 ColorSpark、CoolHue 這類漸層色組合產生器，可快速建立 CSS3 語法，複製到網站就能套用。
免費背景
Gradient Backgrounds 一站式漸層背景產生器，收錄各種服務方便切換
大家都知道現在漸層背景可直接使用 CSS 3 寫出來，終於不用辛苦製作背景圖，好處是一段程式碼就能解決，但你可能不一定知道怎麼寫，還好網路上已經有不少背景產生器，透過可視化介面調整效果後快速轉為程式碼，非常方便！例如 WebGradients、CoolHue 或 ColorSpark 都很好用，如果你需要更複雜一點的背景圖案，Caself 和 Subtle Patterns 也很適合。
ColorSpark 隨機產生顏色或漸層色組合，顯示 CSS3 代碼快速複製
每次要選擇顏色的時候，我總是會從眾多配色工具找一兩個自己喜歡的，無論從中尋找靈感或挑選合適的顏色都很好用，例如：Coolors 快速選色器，後來改版後介面稍微有變得複雜一些；另外還有 Colordot 更人性化的選色工具服務，在移動滑鼠搖標時輕鬆找出配色靈感；我也喜歡 NIPPON COLORS 代表日本的 250 種顏色，這是找尋日本傳統色系配色的絕佳網站。
Paper-co 免費下載紙張紋理材質背景，高畫質圖片可做商業用途
網路上有各種素材資源可免費下載使用，如果花點時間搜尋通常能有收穫，當然在亞洲或美國網站找到的類型不太一樣，我個人比較喜歡日系素材，更為精緻細膩且符合我的需求，例如：Free line design 提供各種分隔線素材；Flat icon design 則有扁平化設計的圖示集免費下載，還有像是 Stockio 收錄各類型素材的整合式網站。
