Toolora

漸變色生成器

使用自定義顏色和方向創建 CSS 線性漸變。

漸變色生成器可以從兩個或多個顏色構建 CSS linear-gradient 聲明，支持選擇方向並複製可直接使用的樣式值。
方向
1
2

使用方法

  1. 添加或移除漸變顏色。
  2. 選擇 to right 或 45deg 等方向。
  3. 複製生成的 CSS 漸變值。

常見問題

可以使用多少種顏色？

支持 2 到 6 種顏色。

顏色可以分享嗎？

可以，顏色和方向會保存在查詢參數中。

相關工具

調色板生成器

使用隨機、近似、互補和三角模式生成協調配色。

顏色轉換器

在 HEX、RGB、HSL 和 HSV 之間即時轉換顏色。

顏色對比度檢查

檢查 WCAG 文本和界面對比度。

色盲模擬器

預覽常見色覺障礙下的圖片效果。

色階生成器

生成淺色與深色色階，並可導出 CSS 變量。

顏色名稱查找

查找任意顏色值最接近的 CSS 顏色名稱。