圖像漸層產生器

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

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

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

來源圖像
讀取顏色中…
來源圖像
氛圍
已提取的顏色
這些是從您的圖像中提取的主色調。點擊色票可複製，或拖曳下方的色標來微調漸層。
漸層預覽
漸層類型
角度
°
色標
拖曳控制點重新定位色標，或點擊漸層條新增色標。選取色標可編輯其顏色。
已選取的色標
%
CSS
background: —;
分享
相關工具
漸層產生器

使用可拖曳的多色標控制和精選預設，從零開始建立線性、放射狀和圓錐 CSS 漸層。立即複製可貼上的 CSS。
圖像色彩提取器

從任何圖像中擷取精緻、可直接使用的調色板。
色彩調色板產生器

從互動式色輪建立和諧的調色板——套用類比色、互補色或三角色等和諧規則，然後立即複製任何數值。
熱門搜尋
從圖片產生漸層 從照片擷取漸層 圖片轉 css 漸層 照片漸層產生器 從圖片建立漸層 從圖片產生 css 漸層

將此免費工具新增到你自己的網站 — 複製並貼上下面的程式碼。