Gradientgenerator från bild

Alla verktyg
Gradientgenerator från bild
Extrahera en vacker gradient från vilket foto som helst — släpp en bild, välj ett stämningsläge och de dominerande färgerna blir dragbara gradientstoppunkter. Kopiera klar CSS direkt.
Dra och släpp en bild här

eller klicka för att bläddra — du kan också klistra in från urklipp

Allt körs i din webbläsare — din bild laddas aldrig upp, ingen registrering, helt gratis.

Källbild
Läser färger…
Källbild
Stämning
Extraherade färger
Det här är de dominerande färgerna hämtade från din bild. Klicka på en ruta för att kopiera den, eller dra stoppunkterna nedan för att finjustera gradienten.
Gradientförhandsgranskning
Gradienttyp
Vinkel
°
Färgstoppunkter
Dra ett handtag för att flytta en stoppunkt, eller klicka på fältet för att lägga till en. Välj en stoppunkt för att redigera dess färg.
Vald stoppunkt
%
CSS
background: —;
Dela
Relaterade verktyg
Gradientgenerator

Bygg linjära, radiella och koniska CSS-gradienter från grunden med dragbara flerstoppskontroller och utvalda förinställningar. Kopiera klar CSS direkt.
Färgextraktör från bild

Hämta en förfinad, kopieringsklar färgpalett från vilken bild som helst.
Färgpalettgenerator

Bygg harmoniska färgpaletter från ett interaktivt färghjul — tillämpa harmoniregler som analog, komplementär eller triad, kopiera sedan vilket värde som helst direkt.
Populära sökningar
gradient från bild extrahera gradient från foto bild till css gradient gradientgenerator från foto skapa gradient från bild css gradient från bild

Lägg till det här gratisverktyget på din egen webbplats — kopiera och klistra in koden nedan.