Strumenti per sviluppatori
Convertitore di colori
Converti un colore tra HEX, RGB, HSL, HSV, CMYK, Lab, LCH, OKLab e OKLCH incollando qualsiasi formato, con nome CSS, contrasto WCAG, tonalità e armonie.
Come usare questo strumento
- 1
Scrivi o incolla un colore, oppure usa il selettore (e il contagocce, se il browser lo offre).
- 2
Copia il formato che ti serve.
- 3
Controlla il contrasto su bianco e su nero per il tuo testo.
- 4
Esplora tonalità e armonie, poi clicca quella che ti piace.
Aiuto
- Incolla il colore in qualsiasi formato (#1e90ff, rgb(30 144 255), hsl(210 100% 56%), oklch(66% 0.19 250), cmyk(88%, 44%, 0%, 0%), dodgerblue): il formato viene riconosciuto e compaiono tutti gli altri, ciascuno con il suo pulsante di copia.
- Lab e LCH seguono la definizione CSS (bianco di riferimento D50); OKLab e OKLCH sono spazi percettivi moderni, utili per creare sfumature e palette uniformi.
- Il CMYK è una semplice conversione matematica, non un profilo di stampa: i colori stampati differiscono. Un colore fuori dalla gamma sRGB viene portato al più vicino colore visualizzabile.
- Il rapporto di contrasto WCAG viene calcolato rispetto al bianco e al nero, con le soglie AA e AAA (testo normale e testo grande).
- Le tonalità mantengono la tinta con passi di luminosità uniformi; le armonie (complementare, triade, analoga…) ruotano la tinta. Clicca un campione per usarlo come nuovo colore.
Domande frequenti
Qual è la differenza tra HSL e OKLCH?
HSL è semplice ma ingannevole: due colori con la stessa luminosità HSL possono sembrare molto diversi per chiarezza. OKLCH è progettato per avere una luminosità percepita uniforme, il che dà sfumature e palette migliori.
Perché il CMYK mostrato non corrisponde alla mia stampante?
I valori CMYK dipendono da inchiostro, carta e profilo ICC della stampante. Lo strumento fa la conversione teorica da RGB; per la stampa, chiedi la conversione alla tipografia.
Che contrasto devo cercare?
WCAG richiede almeno 4,5:1 per il testo normale e 3:1 per il testo grande (AA), oppure 7:1 e 4,5:1 per l'AAA.
Scritto e verificato dal team di MaxyTools · Aggiornato il
Questo strumento ti è stato utile?