梯度發生器

2 或 3 種認可的顏色 在鎖定背景或 UI 處理之前進入實用的 CSS 漸變預覽。

此頁面用於簡單的數位漸層和 CSS 切換。它不是一個完整的設計工具或文件匯出器。

其他語言 日本語 | English | 繁體中文 | Italiano

如何使用

  1. 首先選擇兩種顏色,然後僅當漸變仍然感覺太突然時才添加第三種顏色。
  2. 選擇線性或徑向模式和方向預設。
  3. 將 CSS 字串或單一停止顏色複製到下一個工具或設計規格。

從調色盤選擇轉向應用輸出

此頁面位於顏色選擇之後、最終格式或對比檢查之前。當批准的顏色現在需要可用的背景處理時,它會有所幫助。

從 2 種或 3 種顏色建立漸層。

漸層預覽

如何在附近的頁面之間進行選擇

使用 顏色選擇器混色器 當顏色本身尚未確定時。使用 色票產生器 當一種基色仍需要附近的選項。一旦顏色獲得批准,就使用此頁面,下一個任務是真正的漸變處理。移至 顏色轉換器 用於符號切換,並移至 對比檢查器 當漸層頂部的文字可讀性很重要時。

常見問題解答

這個頁面有什麼作用?

它從兩種或三種顏色建立簡單的線性或徑向 CSS 漸變,然後顯示 CSS 字串和即時預覽。

我什麼時候應該使用它而不是色票生成器?

當您需要一種基色的附近候選樣本時,請使用色票產生器。當下一個任務是套用漸層背景或 UI 填滿時,請使用此頁面。

它可以匯出設計文件嗎?

不會。它僅創建 CSS 漸變字串和預覽。如果需要,您可以將各個顏色複製到其他工具中。

共用 URL 中儲存了什麼?

共用 URL 儲存所選的顏色、漸層模式、方向以及是否啟用第三個停止點。