HEX · RGB · HSL · HSV · CMYK

Convertitore colore RGB–HEX e contrasto

Converti colori HEX, RGB, HSL, HSV e CMYK, regola la trasparenza, verifica il contrasto WCAG e copia CSS pronto all’uso.

HEX · RGB · HSL · HSV · CMYK · WCAG

Studio RGB–HEX e verifica del contrasto

Converti colori HEX, RGB, HSL, HSV e CMYK, regola la trasparenza, verifica il contrasto WCAG e copia CSS pronto all’uso.

Colore attuale

#FF6347
Colore CSS comune più vicino: tomato

Canali RGBA

Modelli di colore

HSL

HSV

CMYK

Formati colore

Anteprima dell’interfaccia

Chiaro

Anteprima pulsante

Questo testo mostra la leggibilità dei colori selezionati.

Scuro

Anteprima pulsante

Questo testo mostra la leggibilità dei colori selezionati.

Accessibilità e contrasto

2.95:1
Miglior colore del testo: #000000

Questo testo mostra la leggibilità dei colori selezionati.

Armonie cromatiche

Colori recenti

Dettagli colore

Luminanza relativa0.00
Luminosità percepita0%
Colore CSS comune più vicinotomato

I colori su schermo e in stampa possono differire; lo studio usa sRGB.

Come si convertono i valori RGB in HEX?

Ogni canale da 0 a 255 diventa una coppia esadecimale di due cifre; rosso, verde e blu formano #RRGGBB.

Che cosa indica il valore alfa?

Alfa controlla l’opacità da trasparente a coprente. Nell’HEX a otto cifre è memorizzato nell’ultima coppia.

Controlla l’accessibilità

I risultati WCAG hanno anche etichette testuali. Il testo normale richiede 4,5:1 per AA, quello grande 3:1.

Formule

HEX = #RR GG BB [AA]q = ⌊x ÷ 16⌋ · r = x − 16q255 = 16 × 15 + 15 → FFRapporto di contrasto = (Lₘₐₓ + 0.05) ÷ (Lₘᵢₙ + 0.05)
W3C · HEX · Con alfaW3C · WCAG · Rapporto di contrastoColori e cronologia restano nel browser.

FAQ del convertitore RGB–HEX

Come si convertono i valori RGB in HEX?

Ogni canale da 0 a 255 diventa una coppia esadecimale di due cifre; rosso, verde e blu formano #RRGGBB.

Che cosa indica il valore alfa?

Alfa controlla l’opacità da trasparente a coprente. Nell’HEX a otto cifre è memorizzato nell’ultima coppia.

Come rendo accessibile una palette?

Controlla il contrasto tra testo e sfondo, non affidarti solo al colore e prova anche gli stati interattivi.

Perché il colore stampato può differire dallo schermo?

Gli schermi emettono luce RGB e le stampanti mescolano inchiostri; carta, profili e calibrazione modificano il risultato.