TK

Strumenti colore

Converti e verifica il colore

Math di colore che gira nel tuo browser. Converti tra hex, RGB, HSL e OKLCH; verifica il contrasto rispetto alle soglie WCAG.

Senza upload Solo nel browser

Convertitore di colore

Converti tra hex, rgb(), hsl() e oklch() con uno swatch di anteprima live e color picker nativo.

Apri

Verifica contrasto WCAG

Verifica il contrasto primo piano/sfondo rispetto alle soglie WCAG 2.1 AA e AAA per testo normale, testo grande e componenti UI.

Apri

Domande frequenti

Quali formati colore sono supportati?
hex, rgb(), hsl() e oklch() — sia la sintassi moderna separata da spazi sia quella legacy separata da virgole.
Cos'è OKLCH?
Uno spazio colore percettivamente uniforme con assi Luminosità, Chroma e Tinta. Produce gradienti e palette più consistenti rispetto a HSL perché passi numerici uguali appaiono come passi visivi uguali.
Come viene calcolato il contrasto?
Secondo WCAG 2.1: la luminanza relativa viene calcolata per ogni colore, poi il rapporto è (più chiaro + 0.05) / (più scuro + 0.05). Il risultato va da 1:1 (identici) a 21:1 (bianco su nero).
Quali soglie contano per l'accessibilità?
Il testo AA Normal richiede ≥ 4.5; il testo AA Large e i componenti UI richiedono ≥ 3. AAA alza questi a ≥ 7 e ≥ 4.5. Punta almeno ad AA sui siti di produzione.
I miei valori colore vengono inviati da qualche parte?
No. La matematica di conversione e contrasto gira in locale; niente lascia il tuo browser.