圖像漸層產生器

從任何相片提取美麗的漸層——放入圖像、選擇氛圍，主色調將成為可拖曳的漸層色標。立即複製可貼上的 CSS。

或點擊瀏覽——也可以從剪貼簿貼上

所有操作均在您的瀏覽器中執行——您的圖像不會上傳，無需註冊，完全免費。

關於圖像漸層產生器

圖片漸層產生器能將任何照片轉換成可直接使用的 CSS 漸層。拖放、瀏覽或貼上一張圖片後,工具會透過畫布讀取它,擷取其主要色彩,並將它們排列成漸層停駐點,你可以拖曳、重新上色或重新排序,直到混色效果符合原圖的感覺。

風格選擇器──繽紛、明亮、柔和、深沉或暗黑──會改變哪些擷取出的色彩成為停駐點,因此同一張照片可以產生好幾種截然不同的漸層。你可以控制漸層類型(線性、放射狀或圓錐狀)、角度以及停駐點本身:點擊色條可新增,拖曳可重新定位,一鍵即可反轉或旋轉。

整個過程都在你的瀏覽器中執行;你的圖片絕不會上傳到伺服器。當預覽效果符合需求時,可複製完整的 CSS 規則、僅複製背景數值,或單獨複製擷取出的色彩──非常適合用於英雄區塊、頁面背景以及取材自攝影作品的品牌視覺。

不會。圖片會直接讀入你瀏覽器中的畫布,色彩擷取與漸層運算都在本機完成。任何時候都沒有資料離開你的裝置。

是的,完全免費。由於一切都在用戶端執行,沒有點數、帳號或使用限制──你可以從任意多張圖片中擷取漸層。

這個工具從一張照片開始:它會擷取圖片中的主要色彩,並據此建立漸層。一般的漸層產生器則是從零開始,由你自行選擇色彩。兩者都會產生同樣可編輯、可直接複製的 CSS。

風格會重新排序從圖片擷取出的色彩:繽紛偏好鮮豔多變的色相,明亮挑選淺色高飽和色調,柔和選擇較柔軟去飽和的色彩,深沉與暗黑則取用更濃郁、更深的顏色。切換風格會立即重建漸層停駐點。

可以。每個停駐點都可拖曳,你可以點擊色條新增停駐點或移除選取的停駐點、變更任一停駐點的顏色、在線性、放射狀與圓錐狀之間切換、以 45° 為單位旋轉角度、反轉方向,或從圖片中重新洗牌出新的色彩。