Gradientos 線上色彩漸層圖片與 CSS 語法產生器

讓色彩由不同角度向另一色彩融合就可以做出漸層色彩，想要產生這要的漸層效果，多數的圖片編輯軟體都可以做得到，但如果是要應用在網頁上的漸層色彩，當然還是以 CSS 為主，不但簡單，且日後維護也方便。

Gradientos 是個免費線上漸層色彩產生器，可用來快速測試不同漸變在一些常見 UI 元素上的外觀，例如 ICON或背景色等，一進入 Gradientos 網站，就可以看到隨機出現的漸層色彩，點擊任一色彩，就會告訴使用者它的色彩組成，同時產生 CSS語法及圖片，方便使用者後續的應用。

• Gradientos
• 網站網址：https://www.gradientos.app/

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

• 

  SQL Translator SQL指令轉譯網站，讓您輕鬆進入 SQL 的世界
• 

  Database diagram Tool 免費的 ER Model 圖產生器
• 

  CSS Background Patterns 提供純 CSS 背景圖案免費使用
• 

  Uiball.com 免費使用 CSS 打造的網頁等待動畫圖示
• 

  CSS Scanner 快速查看或複製網頁任何 HTML 元素的 CSS

如何使用 Gradientos 產生漸變色彩圖及 CSS語法？

1.開啟 Gradientos 網站，就有預設的漸變色彩圖讓使用者自行選擇。

2.點擊任一漸層色，就可以看到色彩的組合內容及該色彩應用在網頁上的實例。

3.如果想調整顏色，可按顏色來開啟色彩板來選擇。

4.完成後，點擊 <> 圖示按鈕，可取得 CSS語法，箭頭向下的圖示按鈕可下載圖片。