Convertitore di colori: HEX, RGB, HSL, CMYK, OKLCH
Scrivi un colore come ti capita (#3366cc, rgb(51 102 204), hsl(220 60% 50%), oklch(…), cmyk, perfino «rosso» o «tomato») oppure prendilo con il selettore o con il contagocce: lo vedi subito in tutte le altre scritture, con il nome più vicino e il contrasto con il testo bianco e nero.
Questo colore è fuori dai colori che uno schermo normale (sRGB) sa mostrare: lo mostro con il più vicino, togliendo saturazione come fanno i browser. Le scritture OKLCH, Lab e Display P3 restano quelle del colore vero.
Contrasto e leggibilità
Come si usa
- Scrivi il colore, sceglilo dalla tavolozza o prendilo dallo schermo con il contagocce.
- Regola la trasparenza se ti serve.
- Copia la scrittura che ti serve con un clic.
Perché nel browser
Tutto si calcola nel tuo browser: i colori e le immagini non vengono mandati a nessun server, niente registrazione e niente pubblicità. I calcoli seguono le regole dei CSS moderni (CSS Color 4), quindi i risultati sono gli stessi che vedrai nel browser.
Domande frequenti
Che differenza c’è tra HSL e OKLCH?
Tutti e due descrivono un colore con luminosità, saturazione e tinta, ma HSL è un calcolo semplice sui valori RGB: un giallo e un blu con la stessa «L» sembrano chiari in modo molto diverso. OKLCH è fatto sulla vista umana: stessa L vuol dire stessa chiarezza percepita. Per questo i CSS moderni e Tailwind 4 usano OKLCH.
Il CMYK è quello della tipografia?
È la conversione semplice, senza profilo colore: va bene per farsi un’idea. Per stampare con precisione serve il profilo della tipografia (per esempio FOGRA39), che cambia i valori.
Che cos’è Display P3?
È la gamma di colori più ampia degli schermi recenti (iPhone, Mac, molti telefoni). Con color(display-p3 …) nei CSS puoi usare verdi e rossi più vivi di quelli sRGB.
Che cosa sono WCAG e APCA?
Sono due modi di misurare se un testo si legge bene su uno sfondo: il rapporto WCAG 2 (da 1:1 a 21:1, servono almeno 4,5:1) è quello richiesto oggi dalle norme sull’accessibilità; APCA è il metodo nuovo, in prova per le WCAG 3.
Le immagini e i colori finiscono su un server?
No: tutto avviene nel browser, sul tuo computer o sul telefono. Puoi anche staccare internet dopo aver aperto la pagina.
Strumenti correlati
Ti serve uno strumento che qui non c'è, o un'app per la tua scuola? Scrivimi: valuto i nuovi strumenti e costruisco app su misura.
Scrivimi