Input colore
Inserisci un codice colore
Esempi: #336699CC, rgb(51 102 153 / 80%), hsl(210 50% 40%), hwb(210 20% 40%), cmyk(67%, 33%, 0%, 40%) o rebeccapurple.
Pronto.
Strumento di web design
Convertitore di colori
Converti HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK e nomi comuni con convalida rigorosa, anteprima alfa, copia e contrasto WCAG basato sullo sfondo.
HEX · RGB · HSL · HWB
#336699rgb(51, 102, 153)
Valori convertiti
Formati del codice colore
HEX#336699
RGBrgb(51, 102, 153)
RGBArgba(51, 102, 153, 1)
HSLhsl(210, 50%, 40%)
HSLAhsla(210, 50%, 40%, 1)
HSVhsv(210, 66.7%, 60%)
HWBhwb(210 20% 40% / 1)
CMYKcmyk(66.7%, 33.3%, 0%, 40%)
Variabile CSS--color: rgba(51, 102, 153, 1);
Accessibilità
Controllo del contrasto
Su bianco6.00:1
Su nero3.50:1
Su sfondo personalizzato6.00:1
Luminanza relativa0.1251
Testo consigliatoUsa testo bianco per un contrasto maggiore.
I colori trasparenti vengono composti su ogni sfondo prima di calcolare il rapporto WCAG.
Tabella dei codici colore
| Colore | Nome | HEX | RGB | HSL |
|---|---|---|---|---|
| Nero | #000000 | 0, 0, 0 | 0, 0%, 0% | |
| Bianco | #FFFFFF | 255, 255, 255 | 0, 0%, 100% | |
| Rosso | #FF0000 | 255, 0, 0 | 0, 100%, 50% | |
| Verde lime | #00FF00 | 0, 255, 0 | 120, 100%, 50% | |
| Blu | #0000FF | 0, 0, 255 | 240, 100%, 50% | |
| Giallo | #FFFF00 | 255, 255, 0 | 60, 100%, 50% | |
| Ciano | #00FFFF | 0, 255, 255 | 180, 100%, 50% | |
| Magenta | #FF00FF | 255, 0, 255 | 300, 100%, 50% | |
| Grigio | #808080 | 128, 128, 128 | 0, 0%, 50% |
Note sulla conversione
HEXHEX accetta tre, quattro, sei o otto cifre; l'ultima coppia del formato a otto cifre memorizza l'alfa.
RGBRGB accetta virgole tradizionali, spazi moderni, percentuali e alfa dopo una barra, con controllo rigoroso degli intervalli.
HSL / HSV / HWBHSL, HSV e HWB condividono un angolo di tonalità ma descrivono in modo diverso saturazione, valore, luminosità, bianchezza e nerezza.
CMYKCMYK è una stima di stampa derivata da RGB; per una stampa precisa serve un profilo colore ICC.
WCAGI rapporti WCAG usano la luminanza relativa: il testo normale richiede 4,5:1 per AA e 7:1 per AAA; il testo grande richiede 3:1 per AA.
Conversioni colore popolari
Domande frequenti
Quali formati colore sono supportati?
Sono supportati HEX, RGB, RGBA, HSL, HSLA, HSV o HSB, HWB, CMYK, transparent e i nomi colore CSS comuni.
Posso usare la sintassi colore CSS moderna?
Sì. RGB e HSL accettano canali separati da spazi e alfa dopo una barra, inclusi RGB percentuale e angoli deg, rad, grad e turn.
Come viene gestita la trasparenza nel contrasto?
Il primo piano viene composto su bianco, nero o sullo sfondo scelto, quindi viene calcolato il rapporto WCAG.
La conversione CMYK è esatta per la stampa?
No. È una stima pratica derivata da RGB; la stampa precisa dipende da profili ICC, inchiostro, carta e processo di stampa.