Vai al contenuto

Generatore di sfumature FREE

Costruisci una sfumatura lineare, radiale o conica dai tuoi punti di colore e copia il CSS. Interpola in OKLCH per evitare la banda grigia che sRGB lascia al centro.

Uso gratuito Nessuna registrazione Privacy al primo posto

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) o un nome di colore CSS.

Recenti

Sfumature

Ogni conversione, ogni tavolozza e ogni valore di contrasto di questa pagina è calcolato nel tuo browser. Un'immagine trascinata qui viene letta su un canvas in questa scheda e non viene mai caricata.

Come funziona

Sul CSS che viene prodotto

Sfumature lineari, radiali e coniche, con tutti i punti che servono, trascinati al loro posto e copiati come CSS. Angolo, forma e posizione fanno parte dell'output, quindi ciò che incolli somiglia a ciò che hai visto.

L'interpolazione in OKLCH c'è perché quella in sRGB trascina una banda spenta in mezzo a molte sfumature: dal blu al giallo è il caso classico. Viene inclusa anche la forma sRGB semplice, così un browser che non conosce la sintassi nuova disegna comunque una sfumatura.

Costruisci un web migliore, più in fretta.

Sviluppiamo software e soluzioni su misura per le tue esigenze.

Contattaci