Verifica i rapporti di contrasto colore WCAG per la conformità all'accessibilità .
Converti i colori tra HEX, RGB, HSL, CMYK, LAB e altri formati istantaneamente.
Genera bellissime palette di colori usando le regole di armonia dei colori.
Scopri come i tuoi colori appaiono alle persone con deficit della visione dei colori.
Estrai una palette di colori da qualsiasi immagine. Carica o incolla un'immagine per iniziare.
Trova la classe di colore Tailwind CSS più vicina per qualsiasi colore.
Converti tra formati di colore CSS. Incolla qualsiasi valore di colore CSS per convertire.
Scegli qualsiasi colore e ottieni immediatamente il suo valore in HEX, RGB, HSL, CMYK e altri 7 formati. Clicca per copiare.
Crea bellissimi gradienti CSS con un editor interattivo. Costruisci gradienti lineari, radiali e conici con stop di colore e angoli personalizzati.
Genera ombre e tinte di qualsiasi colore. Crea variazioni più chiare e più scure con codici hex pronti da copiare.
Genera colori casuali con vincoli opzionali come pastello, vivace, caldo o freddo. Ottieni codici hex, RGB e HSL istantaneamente.
Miscela due o più colori con proporzioni regolabili. Visualizza il risultato in HEX, RGB, HSL e altro.
Inserisci qualsiasi colore in hex o RGB e trova il colore con nome più vicino. Identifica il colore che stai guardando da un database di oltre 500 colori con nome.
Controlla i rapporti di contrasto WCAG per ogni coppia di colori nella tua palette. Scopri quali combinazioni superano gli standard di accessibilità AA e AAA.
Inserisci un colore di sfondo e ottieni i migliori colori di testo conformi agli standard di accessibilità WCAG. Trova istantaneamente colori di primo piano leggibili.
Genera una palette completa di colori Tailwind CSS (50-950) da un singolo colore del brand. Ottieni sfumature percettivamente uniformi pronte da incollare nella tua configurazione.
Genera scale di colori uniformemente spaziate tra due colori. Confronta l'interpolazione negli spazi colore sRGB, HSL e LAB.
Converti la tua palette di colori in token di design. Esporta come proprietà personalizzate CSS, variabili SCSS, configurazione Tailwind o token JSON.
Estrai gradienti CSS dalle immagini. Carica qualsiasi immagine e ottieni il gradiente CSS lineare o radiale più vicino con le fermate di colore.
Crea e visualizza in anteprima ombre CSS box-shadow con un editor interattivo. Regola offset, sfocatura, estensione e colore. Sovrapponi più ombre.
Crea e visualizza in anteprima ombre di testo CSS. Regola offset, sfocatura e colore per aggiungere profondità e stile alla tua tipografia.
Crea e visualizza in anteprima valori CSS border-radius con controlli individuali per angolo. Supporta raggi ellittici e forme complesse.
Visualizza in anteprima le combinazioni di Google Fonts per titoli e testo del corpo. Trova l'abbinamento di font perfetto con colori e dimensioni personalizzate.