Generatore gradiente da immagine

Tutti gli strumenti
Generatore gradiente da immagine
Estrai un gradiente bellissimo da qualsiasi foto — carica un'immagine, scegli un mood e i colori dominanti diventano stop di gradiente trascinabili. Copia il CSS pronto all'uso all'istante.
Trascina un'immagine qui

o clicca per sfogliare — puoi anche incollare dagli appunti

Tutto gira nel tuo browser — la tua immagine non viene mai caricata, nessuna registrazione, completamente gratuito.

Immagine sorgente
Leggendo i colori…
Immagine sorgente
Mood
Colori estratti
Questi sono i colori dominanti estratti dalla tua immagine. Clicca su un campione per copiarlo, o trascina gli stop qui sotto per affinare il gradiente.
Anteprima gradiente
Tipo di gradiente
Angolo
°
Stop colore
Trascina un cursore per riposizionare uno stop, o clicca sulla barra per aggiungerne uno. Seleziona uno stop per modificarne il colore.
Stop selezionato
%
CSS
background: —;
Condividi
Strumenti correlati
Generatore gradienti

Crea gradienti CSS lineari, radiali e conici da zero con controllo multi-stop trascinabile e preset curati. Copia il CSS pronto all'uso all'istante.
Estrattore colori da immagine

Estrai una palette raffinata e pronta da copiare da qualsiasi immagine.
Generatore di palette colori

Crea palette cromatiche armoniose da una ruota dei colori interattiva — applica regole di armonia come analogica, complementare o triade, poi copia qualsiasi valore all'istante.
Ricerche popolari
gradiente da immagine estrai gradiente da foto immagine a gradiente css generatore gradiente foto crea gradiente da foto gradiente css da immagine

Aggiungi questo strumento gratuito al tuo sito web — copia e incolla il codice qui sotto.