小事集

CSS 雙色線性漸層預覽器

以固定色標預覽雙色線性漸層並取得 CSS 宣告。

互動處理需要啟用 JavaScript。以下使用方式、限制與常見問題可直接閱讀；檔案只在你的瀏覽器處理。

CSS 雙色線性漸層預覽器使用指南

預覽兩色線性漸層，設定兩個六位 HEX 色碼與角度，複製一致的 CSS 宣告。

如何使用

  1. 輸入兩個六位 HEX 色碼及 0–359 整數角度。
  2. 查看固定區塊預覽，需要時交換兩色。
  3. 複製 CSS 宣告並在實際頁面核對。

格式與限制

  • 僅支援不透明六位 HEX、兩個固定 0%／100% 色標及 0–359 整數角度。
  • 不支援透明、多色、放射或重複漸層、圖片匯出或任意 CSS 匯入。
  • 區塊比例和裝置可能改變外觀；文字對比需另行檢查。

輸出內容

可複製的 background-image CSS 宣告。

常見問題

可以使用透明色或多個色標嗎？

不行。此工具固定兩個不透明色及 0%／100% 色標。

檔名與內容只在你的瀏覽器處理，不傳到伺服器。原始檔不覆蓋，離開工具前請先匯出需要的結果。