Convertitore di colori (HEX, RGB, HSL, CMYK, OKLCH)
Scrivi un colore in qualsiasi formato — #hex, rgb(), hsl(), hwb(), oklch() o un nome come «tomato» — e ottieni subito tutte le equivalenze, il contrasto WCAG su bianco e nero e una scala di tinte e ombre.
Elaborato al 100% nel tuo browser
Come posso verificarlo?
I tuoi file non vengono mai caricati: sono elaborati sul tuo dispositivo. Verifica tu stesso: carica la pagina, spegni il Wi-Fi e lo strumento continua a funzionare. Oppure apri gli strumenti per sviluppatori del browser (F12), scheda «Rete»: nessun file lascia il tuo dispositivo.
Ctrl + Enter eseguiCtrl + C copia risultato
Come si usa
- 1Scrivi o incolla un colore in qualsiasi formato, oppure sceglilo con il selettore.
- 2Controlla le equivalenze in HEX, RGB, HSL, HSV, HWB, CMYK e OKLCH.
- 3Fai clic su un formato per copiarlo negli appunti.
- 4Verifica il contrasto WCAG e usa tinte e ombre per creare varianti.
Casi d’uso
- Portare i colori da Figma o Photoshop (HEX) al CSS moderno (OKLCH, HSL).
- Preparare valori CMYK approssimativi per la stampa.
- Verificare che un colore del testo rispetti l’accessibilità AA o AAA.
- Trovare il nome CSS più simile a un colore.
Domande frequenti
Che differenza c’è tra HEX, RGB e HSL?
Descrivono lo stesso colore in modi diversi. HEX e RGB indicano la quantità di rosso, verde e blu (HEX in esadecimale). HSL usa tonalità, saturazione e luminosità, più intuitivo per creare varianti di un tono.
Cos’è OKLCH e perché usarlo?
Uno spazio colore percettivo supportato dai browser moderni: due colori con la stessa «L» appaiono ugualmente chiari, cosa che in HSL non accade. È ideale per palette e design system coerenti.
Il valore CMYK è esatto per la stampa?
È una conversione matematica approssimativa. Il CMYK reale dipende dal profilo colore della tipografia e dalla carta: conferma i valori finali con il tuo fornitore.
Cosa significano AA e AAA per il contrasto?
Sono livelli WCAG: AA richiede un contrasto minimo di 4,5:1 per il testo normale (3:1 per il testo grande) e AAA richiede 7:1. Più alto è il rapporto, più il testo è leggibile.