Sfumatura da immagine

Carica una foto e trasformala in una sfumatura con i suoi colori. Copia il codice CSS o perfezionala nel generatore di sfumature.

Palette

5 colori

Trascina ogni punto per campionare un colore diverso della foto.

Come creare una sfumatura da una foto

Carica la fotoUn tramonto, un paesaggio o qualsiasi foto con colori che ti piacciono.
Scegli i coloriProva le modalità Vivaci, Tenui o Chiari, oppure trascina i punti. La sfumatura va dal più scuro al più chiaro.
Copia il CSSCopia il linear-gradient o aprilo nel generatore per cambiare l'angolo o renderlo radiale.

Per sfumature morbide usa 3 o 4 colori vicini tra loro; tanti colori molto diversi creano passaggi bruschi.
Tramonti, mare e cielo danno le sfumature più naturali.
Se ci va sopra del testo, controllalo sul colore più chiaro e su quello più scuro con la verifica del contrasto.
Nel generatore di sfumature puoi anche scaricarla come sfondo per il telefono.

Come uso il CSS?

Incolla la riga background: linear-gradient(...) nello stile del tuo elemento. Funziona in tutti i browser attuali.

Posso cambiare la direzione?

Sì. Apri la sfumatura nel generatore e scegli l'angolo, una sfumatura radiale o la modalità mesh.

Quanti colori usa?

Fino a 6, ordinati per luminosità così il passaggio tra un colore e l'altro risulta naturale.