色彩格式轉換
轉換 HEX、RGB、HSL 與透明度，即時檢視色樣並複製可用於 CSS 的色值。
CSS 漸層產生器
視覺化製作線性與放射狀漸層，編輯色標、位置和角度，直接複製 CSS。
工具介紹
製作頁面背景時，用色標控制過渡位置；預覽和輸出取自同一組數值。
使用說明
選漸層類型後調整色標，線性漸層可設定角度。支援 2–8 個色標、0–100% 位置與 -360° 至 360° 角度；同位置色標可形成硬邊界。放射狀漸層使用置中橢圓，預覽即時更新，結果可作為 background 宣告。
常見問題
如何做出沒有過渡的雙色分界？
將不同色標放在相同百分比位置即可形成硬邊界。色標按位置排序；下載的是 CSS，不是漸層圖片。
如何設定漸層方向？
線性角度遵循 CSS：0° 朝上，90° 朝右。徑向模式是置中的橢圓，沒有角度控制；將完整 background 宣告貼入 CSS 規則即可。
相關工具
在新分頁開啟
評論
0