WebGradients收藏了一百多種漸層色，可以利用產生的 CSS 語法將它快速套用到網站的任何部分。

網站名稱：WebGradients
網站網址：https://webgradients.com/

打開網站就能直接看到多種配色展現在首頁，每個背景顏色都有名稱、色碼及預覽圖，只需要點擊圓形圖示，就會全螢幕顯示漸層色。
點擊右下角的「Copy CSS」自動產生漸層圖案的 CSS 樣式並複製到剪貼簿。

網頁右上角還有Sketch與Photoshop的原始圖檔，點選進入Gumroad商店，輸入0元可以免費下載，也可以選擇贊助網站。