Convertitore di colori HEX, RGB, HSL e CMYK

Inserisci o scegli un colore per ottenere i valori HEX, RGB, HSL e CMYK, il contrasto di accessibilità WCAG e una palette di tonalità abbinate.

Convertire HEX, RGB, HSL e CMYK e misurare il contrasto WCAG

Un codice HEX è la scrittura in base 16 dei tre canali RGB (da 0 a 255): #10B981 vale RGB(16, 185, 129), cioè HSL(160°, 84%, 39%) e CMYK(91, 0, 30, 27). Lo strumento calcola anche il contrasto con un testo bianco o nero secondo la formula WCAG: qui 8,28:1 con il nero, livello AAA.

Le conversioni

  • HEX ↔ RGB: ogni coppia di cifre esadecimali dà un canale (10 = 16, B9 = 185, 81 = 129). La forma breve #abc è accettata.
  • RGB → HSL: la luminosità vale (max + min) ÷ 2 dei canali riportati tra 0 e 1, la saturazione dipende dalla differenza max − min, la tinta dal colore dominante. I valori sono arrotondati all'unità, da cui una possibile differenza di un punto nell'andata e ritorno.
  • RGB → CMYK: K = 1 − max(R, G, B); C = (1 − R − K) ÷ (1 − K), idem per M e Y. Per #10B981: K = 27%, C = 91%, M = 0%, Y = 30%.

Contrasto WCAG

La luminanza relativa di ciascun canale viene linearizzata (c ÷ 12,92 sotto la soglia 0,04045, altrimenti ((c + 0,055) ÷ 1,055)2,4), poi L = 0,2126 R + 0,7152 G + 0,0722 B. Il rapporto di contrasto vale (Lchiara + 0,05) ÷ (Lscura + 0,05). Per #10B981, L = 0,364: 2,54:1 su bianco, 8,28:1 su nero. Lo strumento tiene il migliore dei due e mostra AAA a partire da 7:1, AA a partire da 4,5:1, altrimenti «non superato». Sono le soglie del testo normale; un testo grande (18 pt, o 14 pt in grassetto) richiede solo 3:1 in AA e 4,5:1 in AAA, cosa che lo strumento non distingue.

Palette e limiti

La palette mantiene la tinta e la saturazione e fa variare la luminosità HSL (95, 80, 60, 40 e 20%). La conversione CMYK è matematica, senza profilo ICC né copertura d'inchiostro: per la stampa, fai convalidare i valori dal tuo tipografo. Il contrasto confronta il colore solo con il bianco e il nero puri.

Fonti e date: soglie 4,5:1 e 7:1 (criteri 1.4.3 e 1.4.6) e definizione di luminanza relativa delle Web Content Accessibility Guidelines (WCAG) 2.2, raccomandazione W3C del 12/12/2024 (verificato il 14/10/2026).

Domande frequenti

Quale contrasto minimo richiede la norma WCAG?

Il livello AA richiede un rapporto di almeno 4,5:1 per il testo normale e 3:1 per il testo grande (18 pt, o 14 pt in grassetto). Il livello AAA sale a 7:1 e 4,5:1. Queste soglie figurano nei criteri 1.4.3 e 1.4.6 delle WCAG 2.2.

Come convertire un codice HEX in RGB?

Dividi il codice in tre coppie e converti ciascuna dalla base 16 alla base 10: #10B981 dà 10 = 16, B9 = 185, 81 = 129, ossia RGB(16, 185, 129). Una forma abbreviata come #0f8 si legge #00ff88.

La conversione da RGB a CMYK è affidabile per la stampa?

Dà un ordine di grandezza. La formula K = 1 − max(R, G, B) ignora il profilo ICC della carta e della macchina da stampa, per cui il colore stampato può differire da quello dello schermo. Chiedi al tuo tipografo i valori adatti al suo profilo.

Il mio colore è leggibile con un testo bianco?

Calcola il rapporto (L chiara + 0,05) ÷ (L scura + 0,05). Il verde #10B981 ottiene solo 2,54:1 con il bianco, sotto la soglia AA di 4,5:1, ma 8,28:1 con il nero. Lo strumento propone automaticamente il colore del testo più leggibile.

Lo strumento è davvero gratuito?

Sì, tutti gli strumenti di Kristools sono gratuiti al 100% e accessibili senza registrazione.

I miei dati sono protetti?

Sì. Tutte le elaborazioni vengono eseguite direttamente e in modo sicuro nel tuo browser. Nessun dato personale viene inviato ai nostri server.