首頁線上工具開發工具

WebGradients 配好的 180個漸層色彩，隨你取用

WebGradients 配好的 180個漸層色彩，隨你取用

漸層色較單一顏色來的有層次感，也深受美工人員的愛用，要用 CSS 做出漸層色，不難，但難在顏色如何搭配，這讓人很傷腦筋的，WebGradients 這個網站提供 180個已經配好色的漸層色彩，並提供 CSS3 語法與 PNG 圖檔，不論是個人或商業均可免費取用。

🔔 **不錯過任何精彩！** 立即訂閱我們的 LINE 官方帳號。

每次發佈新文章時，您將會**第一時間收到本站文章連結通知**，輕鬆掌握最新資訊！

使用 LINE 追蹤文章更新

§相關文章，還可以參閱：

如何使用 WebGradients 取得漸層色的 CSS 語法或 PNG 圖檔？

1.使用瀏覽器進入 WebGradients 網站，便可看到以配置好的漸層色集合。

WebGradients 配好的 180個漸層色彩，隨你取用

2.每個漸層色卡中右上角的圓形向下箭頭圖式按鈕，可以用來取得 PNG 圖檔。

WebGradients 配好的 180個漸層色彩，隨你取用

3.要取得漸層色彩的 CSS3 語法，則可以按漸層色卡中右下角的[ Copy CSS ]，便會將 CSS3 語法複製到剪貼簿中，並在該色卡中出現 🐯 Gotcha! 圖形與字樣。

WebGradients 配好的 180個漸層色彩，隨你取用

4.取得的語法。 background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);