Verifica qualsiasi coppia di testo e sfondo secondo WCAG 2.1. Ottieni il rapporto di contrasto, l'esito AA e AAA per entrambe le dimensioni del testo e una correzione suggerita in caso di fallimento.
Converti qualsiasi colore tra HEX, RGB, HSL, CMYK, LAB, OKLCH, HWB, HSB, LCH, XYZ e LUV in una volta. Tutti i formati sono affiancati e si copiano con un clic.
Crea una palette da qualsiasi colore base con sei regole di armonia: complementare, analoga, triadica, tetradica, complementare divisa e monocromatica. Copia come CSS, Tailwind o JSON.
Guarda qualsiasi colore o palette come appare con otto tipi di deficit della visione dei colori, tra cui protanopia, deuteranopia e tritanopia, e individua le coppie che smettono di distinguersi.
Estrai i colori dominanti da qualsiasi foto, screenshot o illustrazione. Carica o incolla un'immagine e ottieni una palette pronta con valori hex, RGB e HSL. Nulla viene inviato a un server.
Incolla qualsiasi valore hex, RGB o HSL e trova la classe Tailwind CSS più vicina nell'intera palette v4, con la distanza esatta e le tonalità vicine da confrontare.
Incolla qualsiasi valore di colore CSS (con nome, hex, rgb(), hsl(), oklch(), color-mix()) e ottieni tutti gli altri formati CSS, con l'alfa preservato e sintassi moderna accanto a quella classica.
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.