好用的CSS顏色產生器

在進行網站設計時，我們常會面臨到需要考慮整體配色、banner的底色或按鈕之類等物件的顏色選擇，基本上，w3school已經提供了很完整的css顏色選擇，在HTML Color Picker這邊就提供了使用者點選不同顏色，會列出這個顏色底下由明亮到陰暗以及不同飽和度呈現出來的效果，如下

也提供使用者直接用RGB的值找出所要的顏色

但有時候我們想到的效果可能不只是單一顏色，像可能會希望網站的banner背景色有間層的效果，這時光是w3school提供的顏色css能無法滿足這樣的需求，不過ColorZilla提供的Ultimate CSS Gradient Generator可以讓使用者產生顏色外加漸層、格子、反射之類效果css，它的網頁介面如下，除了直接選擇你想要的效果之外，還可以調整顏色漸層的斷點跟漸層的方向

調整喜歡的樣式後就可以將旁邊產生的css直接貼到自己的程式碼裡面，例如我現在想要把這個樣式設為網頁的導覽列背景色，我就直接將它貼到我的導覽列的css程式碼檔案中儲存

打開網頁，就能看到我們想要的效果了！！