100 100.tools
JSON 格式化與驗證 文字/程式碼差異比對工具 正規表示式線上測試器 Cron 表達式生成器 UUID / GUID 批次產生器 SEO 與網頁 Meta 標籤預覽

CSS 漸層色生成與取色器

視覺化生成線性、徑向和錐形 CSS 漸層，拖動顏色節點、選擇顏色，並一鍵複製可用於正式頁面的 CSS。

在瀏覽器本機執行，不會上傳任何內容。

預覽

拖動顏色節點或修改數值即可更新漸層。

拖動軌道上的標記來調整位置。

預設

從均衡配色開始。

漸層類型

顏色節點

拖動標記或編輯每個顏色節點。

CSS 輸出

複製 background 宣告或可重用的 CSS 類別。

已準備好。

CSS 漸層色生成與取色器

視覺化生成線性、徑向和錐形 CSS 漸層，拖動顏色節點、選擇顏色，並一鍵複製可用於正式頁面的 CSS。

隱私說明

在瀏覽器本機執行，不會上傳任何內容。

主要功能

  • 拖動顏色節點或修改數值即可更新漸層。
  • 拖動標記或編輯每個顏色節點。
  • 複製 CSS
  • 複製類別
  • 在瀏覽器本機執行，不會上傳任何內容。

使用方法

  1. 預設

    從均衡配色開始。

  2. 顏色節點

    拖動軌道上的標記來調整位置。

  3. 漸層類型

    線性 / 徑向 / 錐形

  4. CSS 輸出

    複製 background 宣告或可重用的 CSS 類別。

常見問題

CSS 漸層色生成與取色器

視覺化生成線性、徑向和錐形 CSS 漸層，拖動顏色節點、選擇顏色，並一鍵複製可用於正式頁面的 CSS。

複製 CSS

複製 background 宣告或可重用的 CSS 類別。

在瀏覽器本機執行，不會上傳任何內容。

在瀏覽器本機執行，不會上傳任何內容。

相關工具

IMAGE 圖片調色盤提取 從圖片中提取 HEX、RGB、HSL 和 CSS 調色盤。 SVG SVG 轉 PNG 在本機將 SVG 檔案或程式碼匯出為 PNG。 IMAGE 圖片轉 Base64 將圖片轉換為 Data URI、CSS url() 或原始 Base64。 JSON JSON 格式化與驗證 本機格式化、驗證和折疊 JSON。 TEXT-DIFF 文字/程式碼差異比對工具 本機比對原文與修改稿，支援並排檢視和 unified diff。 REGEX 正規表示式線上測試器 即時高亮和捕獲組的正則測試器。 CRON Cron 表達式生成器 本機生成並解釋 cron 表達式。 UUID UUID / GUID 批次產生器 批次產生並匯出 UUID v1、v4 和 v7。