Come si usa
- Incolla un codice colore o scrivi un nome CSS e premi Applica.
- Scegli un colore in Confronta con per verificare il contrasto con il colore selezionato.
- Scrivi un nome o parte di un codice in Filtra per nome o HEX… per restringere la tabella.
- Premi Copia link per condividere il colore selezionato.
Esempi
Convertire il colore del sito in RGB e HSL
Input
#2451E8
Output
HEX: #2451E8 RGB: rgb(36, 81, 232) HSL: hsl(226, 81%, 53%) HSV: hsv(226, 84%, 91%) CMYK: cmyk(84%, 65%, 0%, 9%) Nome: ≈ MediumSlateBlue su bianco: 6.14:1 — ✓ AA, ✓ AA testo grande, ✕ AAA, ✓ AAA testo grande su nero: 3.41:1 — ✕ AA, ✓ AA testo grande, ✕ AAA, ✕ AAA testo grande
Verificare il grigio del testo su bianco
Input
#767676
Output
HEX: #767676 RGB: rgb(118, 118, 118) HSL: hsl(0, 0%, 46%) HSV: hsv(0, 0%, 46%) CMYK: cmyk(0%, 0%, 0%, 54%) Nome: ≈ Gray (grey) su bianco: 4.54:1 — ✓ AA, ✓ AA testo grande, ✕ AAA, ✓ AAA testo grande su nero: 4.62:1 — ✓ AA, ✓ AA testo grande, ✕ AAA, ✓ AAA testo grande
Cercare un colore per nome CSS
Input
Dark Orange
Output
HEX: #FF8C00 RGB: rgb(255, 140, 0) HSL: hsl(33, 100%, 50%) HSV: hsv(33, 100%, 100%) CMYK: cmyk(0%, 45%, 100%, 0%) Nome: DarkOrange su bianco: 2.33:1 — ✕ AA, ✕ AA testo grande, ✕ AAA, ✕ AAA testo grande su nero: 9.00:1 — ✓ AA, ✓ AA testo grande, ✓ AAA, ✓ AAA testo grande
Nomi dei colori HTML (148)
Tutti i 148 nomi di colori CSS supportati dai browser moderni, raggruppati per famiglia di colore. Clicca su una riga per caricare il colore oppure su un valore HEX o RGB per copiarlo.
| Colore | Nome | HEX | RGB |
|---|
Domande frequenti
Quali nomi di colori HTML posso usare?
Sono riconosciuti i 148 nomi CSS, come tomato e rebeccapurple. Usa i nomi inglesi: maiuscole, spazi, trattini e underscore non cambiano il riconoscimento.
Posso usare codici HEX o RGB con trasparenza?
Puoi inserirli, ma il valore alpha viene ignorato e compare un avviso. Lo strumento mostra solo colori sRGB opachi.
Quale rapporto di contrasto serve per un testo accessibile?
Secondo WCAG 2.x, il livello AA richiede almeno 4,5:1 per il testo normale e 3:1 per il testo grande. Il livello AAA richiede rispettivamente 7:1 e 4,5:1.
I valori CMYK sono adatti alla stampa?
La conversione CMYK è approssimativa e non usa un profilo colore. Per la stampa usa il profilo della tua stampante.