Codici colori HTML: guida ai colori web, RGB e tabella completa
Se stai creando un sito, un tema WordPress o anche solo un pulsante in CSS, prima o poi ti serve una cosa: scegliere correttamente i colori web, usare i codici colori HTML e gestire al meglio colori di sfondo HTML e testi. I codici colore HTML (detti anche codici esadecimali) ti permettono di impostare con precisione il colore di testo, sfondi, bordi e tabelle, senza andare “a occhio”.
In questa guida ti spiego in modo semplice come funzionano i codici colore in HTML e CSS, cosa significa il formato #RRGGBB, quando puoi usare i nomi dei colori (tipo “red” o “white”) e quali alternative moderne esistono (RGB, HSL, trasparenza).
In breve: i codici colore HTML/CSS indicano un colore tramite valori numerici. Il formato più comune è #RRGGBB (esadecimale) che rappresenta Rosso, Verde e Blu da 00 a FF. In CSS puoi anche usare rgb(), rgba(), hsl() e hsla() oppure, per colori base, i nomi colore (es. red, black, white).
Scopri anche: Come creare un sito Web gratis
Indice
Cosa sono i codici colore HTML e come funzionano
I codici colore HTML (usati soprattutto in CSS) sono un modo standard per indicare un colore usando numeri e lettere. Il formato più comune è il codice esadecimale in “tripla” RGB: #RRGGBB. Ogni coppia indica l’intensità di un colore primario: rosso (RR), verde (GG) e blu (BB).
Formato #RRGGBB: cosa significa davvero
Nel formato #RRGGBB, ogni coppia va da 00 (zero intensità) a FF (massima intensità). Per esempio, #FF0000 è rosso puro: rosso al massimo (FF), verde a zero (00), blu a zero (00). Combinando i tre canali, puoi ottenere circa 16,7 milioni di colori diversi.
Codici HEX brevi (#RGB) e trasparenza (#RRGGBBAA)
Oltre al formato classico #RRGGBB, in CSS puoi trovare anche:
- #RGB (formato breve): ad esempio #f00 equivale a #ff0000. I codici colore RGB sono un’alternativa ai codici esadecimali e vengono usati spesso nei colori web moderni.
- #RRGGBBAA (con trasparenza “alpha”): l’ultima coppia AA indica l’opacità (00 = trasparente, FF = opaco). Esempio: #00000080 è nero con opacità circa 50%.
Esempi pratici: come usare i colori in HTML e CSS
Puoi usare i codici colore per personalizzare lo stile di una pagina web: testo, sfondo, bordi e anche elementi come tabelle o pulsanti. In pratica oggi si lavora quasi sempre con CSS (gli attributi HTML come bgcolor sono considerati obsoleti).
Esempio: testo e colori di sfondo HTML da usare correttamente
/* Testo e sfondo */
body {
color: #111111;
background-color: #ffffff;
}
/* Un pulsante */
.button {
background-color: #1e90ff; /* DodgerBlue */
color: #ffffff;
border: 1px solid #0b5ed7;
}Esempio: bordi, ombre e hover
.card {
border: 1px solid #e5e5e5;
box-shadow: 0 10px 25px #0000001a; /* HEX con alpha (#RRGGBBAA) in pratica: 10% circa */
}
.button:hover {
background-color: #1877f2;
}RGB, RGBA, HSL e HSLA: alternative ai codici esadecimali
In CSS non esiste solo l’HEX (esadecimale). Puoi specificare lo stesso colore anche in altri formati:
- RGB:
rgb(255, 0, 0)(rosso) - RGBA (con trasparenza):
rgba(255, 0, 0, 0.5) - HSL (comodo per schiarire/scurire):
hsl(210, 100%, 56%) - HSLA (HSL + alpha):
hsla(210, 100%, 56%, 0.8)
Esempi rapidi
/* RGB e RGBA */
.banner {
background: rgb(30, 144, 255);
}
.overlay {
background: rgba(0, 0, 0, 0.55);
}
/* HSL e HSLA */
.badge {
background: hsl(210, 90%, 50%);
}
.badge-soft {
background: hsla(210, 90%, 50%, 0.15);
}Nomi dei colori: quando puoi scriverli senza codice
Per molti colori comuni, CSS permette anche di usare direttamente il nome al posto del codice: ad esempio red invece di #FF0000. È comodo per colori base, ma per tonalità precise (o identità visiva di un brand) è meglio usare HEX/RGB/HSL.
Attenzione: non tutti i nomi sono uguali
I nomi colore supportati sono i “named colors” CSS (parole chiave colore). Sono abbastanza standardizzati e compatibili, ma non coprono tutte le sfumature possibili. Se vuoi massima precisione, il codice esadecimale resta la scelta più affidabile.
Accessibilità: scegli colori leggibili (contrasto)
Quando scegli un colore, non conta solo l’estetica: conta anche la leggibilità. Se il testo ha poco contrasto rispetto allo sfondo, molti utenti faranno fatica a leggere (e su mobile è ancora peggio).
- Evita testo grigio troppo chiaro su sfondo bianco (es. #999 su #fff può risultare “debole”).
- Per il testo principale, spesso funzionano bene colori scuri come #111, #222 o #333 su sfondo chiaro.
- Per bottoni e link, assicurati che testo e sfondo siano ben distinguibili.
Tabella rapida: codici colore HTML più usati
Qui sotto trovi una selezione dei colori più comuni con il relativo codice esadecimale, utili per iniziare subito senza perdere tempo.
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Rosso | #FF0000 | 255, 0, 0 | |
| Verde | #008000 | 0, 128, 0 | |
| Blu | #0000FF | 0, 0, 255 | |
| Nero | #000000 | 0, 0, 0 | |
| Bianco | #FFFFFF | 255, 255, 255 | |
| Grigio | #808080 | 128, 128, 128 | |
| Giallo | #FFFF00 | 255, 255, 0 | |
| Arancione | #FFA500 | 255, 165, 0 | |
| Viola | #800080 | 128, 0, 128 | |
| Ciano | #00FFFF | 0, 255, 255 | |
| Magenta | #FF00FF | 255, 0, 255 |
Colori neri e grigi: codici colore HTML (57 esempi)
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Nero | #000000 | 0, 0, 0 | |
| Grigio scuro | #3A3B3C | 58, 59, 60 | |
| Grigio scuro | #3B2F2F | 59, 47, 47 | |
| Grigio scuro | #3B3131 | 59, 49, 49 | |
| Grigio scuro | #3D3635 | 61, 54, 53 | |
| Grigio scuro | #3D3C3A | 61, 60, 58 | |
| Grigio scuro | #413839 | 65, 56, 57 | |
| Grigio scuro | #454545 | 69, 69, 69 | |
| Grigio scuro | #463E3F | 70, 62, 63 | |
| Grigio scuro | #49413F | 73, 65, 63 | |
| Grigio scuro | #4C4646 | 76, 70, 70 | |
| Grigio scuro | #4D4D4F | 77, 77, 79 | |
| Grigio scuro | #504A4B | 80, 74, 75 | |
| Grigio scuro | #52595D | 82, 89, 93 | |
| Grigio scuro | #555D50 | 85, 93, 80 | |
| Grigio scuro | #565051 | 86, 80, 81 | |
| Grigio medio | #5C5858 | 92, 88, 88 | |
| Grigio medio | #625D5D | 98, 93, 93 | |
| Grigio medio | #646D7E | 100, 109, 126 | |
| Grigio medio | #666362 | 102, 99, 98 | |
| Grigio medio | #686A6C | 104, 106, 108 | |
| Grigio fumo | #696969 | 105, 105, 105 | |
| Grigio medio | #6D6968 | 109, 105, 104 | |
| Grigio medio | #71797E | 113, 121, 126 | |
| Grigio medio | #726E6D | 114, 110, 109 | |
| Grigio medio | #736F6E | 115, 111, 110 | |
| Grigio medio | #757575 | 117, 117, 117 | |
| Grigio medio | #786D5F | 120, 109, 95 | |
| Grigio medio | #78866B | 120, 134, 107 | |
| Grigio medio | #797979 | 121, 121, 121 | |
| Grigio | #808080 | 128, 128, 128 | |
| Grigio medio | #837E7C | 131, 126, 124 | |
| Grigio chiaro | #838996 | 131, 137, 150 | |
| Grigio medio | #848482 | 132, 132, 130 | |
| Grigio medio | #848B79 | 132, 139, 121 | |
| Grigio medio | #888B90 | 136, 139, 144 | |
| Grigio medio | #8C8C8C | 140, 140, 140 | |
| Grigio chiaro | #8D918D | 141, 145, 141 | |
| Grigio medio | #93917C | 147, 145, 124 | |
| Grigio chiaro | #99A3A3 | 153, 163, 163 | |
| Grigio chiaro | #9B9A96 | 155, 154, 150 | |
| Grigio chiaro | #A2AD9C | 162, 173, 156 | |
| Grigio chiaro | #A8A9AD | 168, 169, 173 | |
| Grigio scuro | #A9A9A9 | 169, 169, 169 | |
| Grigio chiaro | #B6B6B4 | 182, 182, 180 | |
| Grigio chiaro | #B6B6B6 | 182, 182, 182 | |
| Argento | #C0C0C0 | 192, 192, 192 | |
| Grigio chiaro | #C0C6C7 | 192, 198, 199 | |
| Grigio chiaro | #C9C0BB | 201, 192, 187 | |
| Grigio chiaro | #C9C1C1 | 201, 193, 193 | |
| Grigio chiaro | #CECECE | 206, 206, 206 | |
| Grigio chiaro | #D1D0CE | 209, 208, 206 | |
| Grigio chiaro | #D3D3D3 | 211, 211, 211 | |
| Grigio chiaro | #DADBDD | 218, 219, 221 | |
| Grigio perla | #DCDCDC | 220, 220, 220 | |
| Grigio chiaro | #E0E5E5 | 224, 229, 229 | |
| Grigio chiaro | #E5E4E2 | 229, 228, 226 |
Colori bianchi e avorio: codici colore HTML (3 esempi)
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Bianco (variante) | #EEEEEE | 238, 238, 238 | |
| Bianco fumo | #F5F5F5 | 245, 245, 245 | |
| Bianco | #FFFFFF | 255, 255, 255 |
Colori blu: codici colore HTML (92 esempi)
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Blu navy | #000080 | 0, 0, 128 | |
| Blu scuro | #00008B | 0, 0, 139 | |
| Blu scuro | #0000A0 | 0, 0, 160 | |
| Blu scuro | #0000A5 | 0, 0, 165 | |
| Blu medio | #0000CD | 0, 0, 205 | |
| Blu | #0000FF | 0, 0, 255 | |
| Blu medio | #0002FF | 0, 2, 255 | |
| Blu medio | #0020C2 | 0, 32, 194 | |
| Blu medio | #0041C2 | 0, 65, 194 | |
| Blu medio | #0059FF | 0, 89, 255 | |
| Blu medio | #040720 | 4, 7, 32 | |
| Blu medio | #0909FF | 9, 9, 255 | |
| Blu medio | #0E87CC | 14, 135, 204 | |
| Blu scuro | #123456 | 18, 52, 86 | |
| Blu scuro | #151B54 | 21, 27, 84 | |
| Blu scuro | #151B8D | 21, 27, 141 | |
| Blu scuro | #15317E | 21, 49, 126 | |
| Blu medio | #1569C7 | 21, 105, 199 | |
| Blu medio | #157DEC | 21, 125, 236 | |
| Blu medio | #1589FF | 21, 137, 255 | |
| Blu mezzanotte | #191970 | 25, 25, 112 | |
| Blu medio | #1974D2 | 25, 116, 210 | |
| Blu acceso | #1E90FF | 30, 144, 255 | |
| Blu chiaro | #1F45FC | 31, 69, 252 | |
| Blu medio | #2554C7 | 37, 84, 199 | |
| Blu medio | #2916F5 | 41, 22, 245 | |
| Blu scuro | #29465B | 41, 70, 91 | |
| Blu scuro | #2B3856 | 43, 56, 86 | |
| Blu scuro | #2B547E | 43, 84, 126 | |
| Blu medio | #2B60DE | 43, 96, 222 | |
| Blu medio | #2B65EC | 43, 101, 236 | |
| Blu medio | #2F539B | 47, 83, 155 | |
| Blu chiaro | #306EFF | 48, 110, 255 | |
| Blu medio | #3090C7 | 48, 144, 199 | |
| Blu scuro | #342D7E | 52, 45, 126 | |
| Blu medio | #357EC7 | 53, 126, 199 | |
| Blu scuro | #36454F | 54, 69, 79 | |
| Blu medio | #368BC1 | 54, 139, 193 | |
| Blu chiaro | #38ACEC | 56, 172, 236 | |
| Blu chiaro | #3BB9FF | 59, 185, 255 | |
| Blu chiaro | #4169E1 | 65, 105, 225 | |
| Blu acciaio | #4682B4 | 70, 130, 180 | |
| Blu ardesia scuro | #483D8B | 72, 61, 139 | |
| Blu medio | #4863A0 | 72, 99, 160 | |
| Blu medio | #488AC7 | 72, 138, 199 | |
| Blu medio | #4E5180 | 78, 81, 128 | |
| Blu medio | #5453A6 | 84, 83, 166 | |
| Blu medio | #5539CC | 85, 57, 204 | |
| Blu medio | #566D7E | 86, 109, 126 | |
| Blu chiaro | #56A5EC | 86, 165, 236 | |
| Blu chiaro | #5865F2 | 88, 101, 242 | |
| Blu chiaro | #5CB3FF | 92, 179, 255 | |
| Blu medio | #5E5A80 | 94, 90, 128 | |
| Blu medio | #616D7E | 97, 109, 126 | |
| Blu fiordaliso | #6495ED | 100, 149, 237 | |
| Blu medio | #657383 | 101, 115, 131 | |
| Blu chiaro | #659EC7 | 101, 158, 199 | |
| Blu medio | #6667AB | 102, 103, 171 | |
| Blu chiaro | #6698FF | 102, 152, 255 | |
| Blu chiaro | #6960EC | 105, 96, 236 | |
| Blu chiaro | #6A5ACD | 106, 90, 205 | |
| Blu medio | #6D7B8D | 109, 123, 141 | |
| Grigio ardesia | #708090 | 112, 128, 144 | |
| Blu chiaro | #728FCE | 114, 143, 206 | |
| Blu chiaro | #736AFF | 115, 106, 255 | |
| Blu medio | #737CA1 | 115, 124, 161 | |
| Blu chiaro | #7575CF | 117, 117, 207 | |
| Grigio ardesia chiaro | #778899 | 119, 136, 153 | |
| Blu chiaro | #79BAEC | 121, 186, 236 | |
| Blu chiaro | #7B68EE | 123, 104, 238 | |
| Blu chiaro | #82CAFF | 130, 202, 255 | |
| Blu chiaro | #8686AF | 134, 134, 175 | |
| Blu chiaro | #87AFC7 | 135, 175, 199 | |
| Azzurro cielo chiaro | #87CEFA | 135, 206, 250 | |
| Blu chiaro | #98AFC7 | 152, 175, 199 | |
| Blu chiaro | #A0CFEC | 160, 207, 236 | |
| Blu chiaro | #ADDFFF | 173, 223, 255 | |
| Blu chiaro | #B4CFEC | 180, 207, 236 | |
| Blu chiaro | #B7CEEC | 183, 206, 236 | |
| Blu chiaro | #BCC6CC | 188, 198, 204 | |
| Blu chiaro | #C2DFFF | 194, 223, 255 | |
| Blu chiaro | #C6DEFF | 198, 222, 255 | |
| Blu chiaro | #C8C4DF | 200, 196, 223 | |
| Blu chiaro | #C9DFEC | 201, 223, 236 | |
| Blu chiaro | #CCCCFF | 204, 204, 255 | |
| Blu chiaro | #D5D6EA | 213, 214, 234 | |
| Blu medio | #DBE9FA | 219, 233, 250 | |
| Blu medio | #E3E4FA | 227, 228, 250 | |
| Lavanda | #E6E6FA | 230, 230, 250 | |
| Blu medio | #EBF4FA | 235, 244, 250 | |
| Azzurro Alice | #F0F8FF | 240, 248, 255 | |
| Bianco fantasma | #F8F8FF | 248, 248, 255 |
Colori ciano e turchesi: codici colore HTML (53 esempi)
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Ciano scuro | #007C80 | 0, 124, 128 | |
| Verde petrolio | #008080 | 0, 128, 128 | |
| Ciano scuro | #00827F | 0, 130, 127 | |
| Ciano scuro | #008B8B | 0, 139, 139 | |
| Ciano medio | #00BFFF | 0, 191, 255 | |
| Turchese scuro | #00CED1 | 0, 206, 209 | |
| Acqua | #00FFFF | 0, 255, 255 | |
| Ciano scuro | #033E3E | 3, 62, 62 | |
| Ciano scuro | #045D5D | 4, 93, 93 | |
| Ciano scuro | #045F5F | 4, 95, 95 | |
| Ciano medio | #0AFFFF | 10, 255, 255 | |
| Ciano medio | #14A3C7 | 20, 163, 199 | |
| Ciano medio | #16E2F5 | 22, 226, 245 | |
| Verde mare chiaro | #20B2AA | 32, 178, 170 | |
| Ciano scuro | #25383C | 37, 56, 60 | |
| Ciano scuro | #2C3539 | 44, 53, 57 | |
| Ciano scuro | #307D7E | 48, 125, 126 | |
| Ciano medio | #348781 | 52, 135, 129 | |
| Ciano medio | #3B9C9C | 59, 156, 156 | |
| Ciano scuro | #3C565B | 60, 86, 91 | |
| Ciano medio | #3EA99F | 62, 169, 159 | |
| Turchese | #40E0D0 | 64, 224, 208 | |
| Ciano medio | #43BFC7 | 67, 191, 199 | |
| Ciano chiaro | #43C6DB | 67, 198, 219 | |
| Ciano medio | #46C7C7 | 70, 199, 199 | |
| Ciano medio | #48CCCD | 72, 204, 205 | |
| Turchese medio | #48D1CC | 72, 209, 204 | |
| Ciano medio | #4C787E | 76, 120, 126 | |
| Ciano chiaro | #4EE2EC | 78, 226, 236 | |
| Ciano chiaro | #50EBEC | 80, 235, 236 | |
| Ciano chiaro | #57FEFF | 87, 254, 255 | |
| Ciano medio | #5E7D7E | 94, 125, 126 | |
| Blu cadetto | #5F9EA0 | 95, 158, 160 | |
| Ciano chiaro | #77BFC7 | 119, 191, 199 | |
| Ciano chiaro | #78C7C7 | 120, 199, 199 | |
| Ciano chiaro | #7DFDFE | 125, 253, 254 | |
| Ciano chiaro | #81D8D0 | 129, 216, 208 | |
| Azzurro cielo | #87CEEB | 135, 206, 235 | |
| Ciano chiaro | #8EEBEC | 142, 235, 236 | |
| Ciano chiaro | #92C7C7 | 146, 199, 199 | |
| Ciano chiaro | #95B9C7 | 149, 185, 199 | |
| Ciano chiaro | #9AFEFF | 154, 254, 255 | |
| Azzurro chiaro | #ADD8E6 | 173, 216, 230 | |
| Ciano chiaro | #AFDCEC | 175, 220, 236 | |
| Turchese pallido | #AFEEEE | 175, 238, 238 | |
| Ciano chiaro | #B0CFDE | 176, 207, 222 | |
| Azzurro polvere | #B0E0E6 | 176, 224, 230 | |
| Ciano chiaro | #B3D9D9 | 179, 217, 217 | |
| Ciano chiaro | #BDEDFF | 189, 237, 255 | |
| Ciano chiaro | #CCFFFF | 204, 255, 255 | |
| Ciano chiaro | #CFECEC | 207, 236, 236 | |
| Ciano chiaro | #E0FFFF | 224, 255, 255 | |
| Azzurro (azure) | #F0FFFF | 240, 255, 255 |
Colori verdi: codici colore HTML (112 esempi)
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Verde scuro | #004225 | 0, 66, 37 | |
| Verde scuro | #006400 | 0, 100, 0 | |
| Verde scuro | #006A4E | 0, 106, 78 | |
| Verde | #008000 | 0, 128, 0 | |
| Verde scuro | #00A36C | 0, 163, 108 | |
| Verde primavera medio | #00FA9A | 0, 250, 154 | |
| Lime | #00FF00 | 0, 255, 0 | |
| Verde primavera | #00FF7F | 0, 255, 127 | |
| Verde medio | #00FF80 | 0, 255, 128 | |
| Verde medio | #01F9C6 | 1, 249, 198 | |
| Verde scuro | #026C3D | 2, 108, 61 | |
| Verde scuro | #046307 | 4, 99, 7 | |
| Verde scuro | #056608 | 5, 102, 8 | |
| Verde scuro | #08A04B | 8, 160, 75 | |
| Verde medio | #12AD2B | 18, 173, 43 | |
| Verde medio | #12E193 | 18, 225, 147 | |
| Verde medio | #16F529 | 22, 245, 41 | |
| Verde medio | #1AA260 | 26, 162, 96 | |
| Verde scuro | #1B8A6B | 27, 138, 107 | |
| Verde scuro | #1F6357 | 31, 99, 87 | |
| Verde scuro | #227442 | 34, 116, 66 | |
| Verde scuro | #228B22 | 34, 139, 34 | |
| Verde medio | #22CE83 | 34, 206, 131 | |
| Verde scuro | #254117 | 37, 65, 23 | |
| Verde scuro | #27742C | 39, 116, 44 | |
| Verde mare | #2E8B57 | 46, 139, 87 | |
| Verde scuro | #306754 | 48, 103, 84 | |
| Verde medio | #31906E | 49, 144, 110 | |
| Verde medio | #32CD32 | 50, 205, 50 | |
| Verde scuro | #347235 | 52, 114, 53 | |
| Verde scuro | #347C17 | 52, 124, 23 | |
| Verde scuro | #347C2C | 52, 124, 44 | |
| Verde medio | #34A56F | 52, 165, 111 | |
| Verde scuro | #355E3B | 53, 94, 59 | |
| Verde chiaro | #36F57F | 54, 245, 127 | |
| Verde medio | #387C44 | 56, 124, 68 | |
| Verde scuro | #3A5F0B | 58, 95, 11 | |
| Verde mare medio | #3CB371 | 60, 179, 113 | |
| Verde medio | #3EA055 | 62, 160, 85 | |
| Verde medio | #3EB489 | 62, 180, 137 | |
| Verde scuro | #3F9B0B | 63, 155, 11 | |
| Verde medio | #41A317 | 65, 163, 23 | |
| Verde scuro | #437C17 | 67, 124, 23 | |
| Verde medio | #438D80 | 67, 141, 128 | |
| Verde medio | #4AA02C | 74, 160, 44 | |
| Verde medio | #4CC417 | 76, 196, 23 | |
| Verde medio | #4CC552 | 76, 197, 82 | |
| Verde scuro | #4E5B31 | 78, 91, 49 | |
| Verde medio | #4E8975 | 78, 137, 117 | |
| Verde medio | #4E9258 | 78, 146, 88 | |
| Verde medio | #50C878 | 80, 200, 120 | |
| Verde medio | #52D017 | 82, 208, 23 | |
| Verde chiaro | #54C571 | 84, 197, 113 | |
| Verde scuro | #556B2F | 85, 107, 47 | |
| Verde chiaro | #57E964 | 87, 233, 100 | |
| Verde medio | #59E817 | 89, 232, 23 | |
| Verde chiaro | #5EFB6E | 94, 251, 110 | |
| Verde medio | #5FFB17 | 95, 251, 23 | |
| Verde medio | #617C58 | 97, 124, 88 | |
| Verde chiaro | #64E986 | 100, 233, 134 | |
| Verde scuro | #667C26 | 102, 124, 38 | |
| Acquamarina media | #66CDAA | 102, 205, 170 | |
| Verde medio | #66FF00 | 102, 255, 0 | |
| Verde medio | #6AA121 | 106, 161, 33 | |
| Verde chiaro | #6AFB92 | 106, 251, 146 | |
| Verde scuro | #6B8E23 | 107, 142, 35 | |
| Verde medio | #6CBB3C | 108, 187, 60 | |
| Verde medio | #6CC417 | 108, 196, 23 | |
| Verde scuro | #728C00 | 114, 140, 0 | |
| Verde medio | #73A16C | 115, 161, 108 | |
| Verde chiaro | #77DD77 | 119, 221, 119 | |
| Verde chiaro | #7BCCB5 | 123, 204, 181 | |
| Verde chiaro | #7C9D8E | 124, 157, 142 | |
| Verde prato | #7CFC00 | 124, 252, 0 | |
| Verde medio | #7FE817 | 127, 232, 23 | |
| Chartreuse | #7FFF00 | 127, 255, 0 | |
| Acquamarina | #7FFFD4 | 127, 255, 212 | |
| Verde chiaro | #829F82 | 130, 159, 130 | |
| Verde chiaro | #85BB65 | 133, 187, 101 | |
| Verde medio | #87F717 | 135, 247, 23 | |
| Verde chiaro | #89C35C | 137, 195, 92 | |
| Verde medio | #8A9A5B | 138, 154, 91 | |
| Verde medio | #8FB31D | 143, 179, 29 | |
| Verde mare scuro | #8FBC8F | 143, 188, 143 | |
| Verde chiaro | #90EE90 | 144, 238, 144 | |
| Verde chiaro | #93E9BE | 147, 233, 190 | |
| Verde chiaro | #93FFE8 | 147, 255, 232 | |
| Verde medio | #98F516 | 152, 245, 22 | |
| Verde pallido | #98FB98 | 152, 251, 152 | |
| Verde chiaro | #98FF98 | 152, 255, 152 | |
| Verde chiaro | #99C68E | 153, 198, 142 | |
| Verde-giallo | #9ACD32 | 154, 205, 50 | |
| Verde chiaro | #9CB071 | 156, 176, 113 | |
| Verde medio | #9DC209 | 157, 194, 9 | |
| Verde chiaro | #A0D6B4 | 160, 214, 180 | |
| Verde medio | #A1C935 | 161, 201, 53 | |
| Verde chiaro | #AAF0D1 | 170, 240, 209 | |
| Verde medio | #ADF802 | 173, 248, 2 | |
| Giallo-verde | #ADFF2F | 173, 255, 47 | |
| Verde medio | #B1FB17 | 177, 251, 23 | |
| Verde chiaro | #B5EAAA | 181, 234, 170 | |
| Verde chiaro | #BCE954 | 188, 233, 84 | |
| Verde medio | #BDF516 | 189, 245, 22 | |
| Verde chiaro | #C2E5D3 | 194, 229, 211 | |
| Verde chiaro | #C3FDB8 | 195, 253, 184 | |
| Verde chiaro | #CCFB5D | 204, 251, 93 | |
| Verde medio | #DBF9DB | 219, 249, 219 | |
| Verde chiaro | #E3F9A6 | 227, 249, 166 | |
| Verde chiaro | #E8F1D4 | 232, 241, 212 | |
| Verde medio | #EAEEE9 | 234, 238, 233 | |
| Verde miele (honeydew) | #F0FFF0 | 240, 255, 240 | |
| Crema menta | #F5FFFA | 245, 255, 250 |
Colori gialli e oro: codici colore HTML (114 esempi)
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Giallo scuro | #473810 | 71, 56, 16 | |
| Giallo scuro | #493D26 | 73, 61, 38 | |
| Giallo scuro | #4A412A | 74, 65, 42 | |
| Giallo scuro | #4B5320 | 75, 83, 32 | |
| Giallo scuro | #513B1C | 81, 59, 28 | |
| Giallo scuro | #665D1E | 102, 93, 30 | |
| Giallo scuro | #806517 | 128, 101, 23 | |
| Oliva | #808000 | 128, 128, 0 | |
| Giallo medio | #827839 | 130, 120, 57 | |
| Giallo medio | #827B60 | 130, 123, 96 | |
| Giallo medio | #8A865D | 138, 134, 93 | |
| Giallo scuro | #8B8000 | 139, 128, 0 | |
| Giallo scuro | #8E7618 | 142, 118, 24 | |
| Giallo medio | #906E3E | 144, 110, 62 | |
| Giallo medio | #966F33 | 150, 111, 51 | |
| Giallo medio | #AF9B60 | 175, 155, 96 | |
| Giallo medio | #B0BF1A | 176, 191, 26 | |
| Giallo medio | #B2C248 | 178, 194, 72 | |
| Giallo medio | #B5A642 | 181, 166, 66 | |
| Verga d’oro scura | #B8860B | 184, 134, 11 | |
| Giallo chiaro | #B8BC86 | 184, 188, 134 | |
| Giallo chiaro | #BAB86C | 186, 184, 108 | |
| Giallo chiaro | #BCB88A | 188, 184, 138 | |
| Giallo chiaro | #BDB76B | 189, 183, 107 | |
| Giallo chiaro | #C2B280 | 194, 178, 128 | |
| Giallo medio | #C58917 | 197, 137, 23 | |
| Giallo medio | #C68E17 | 198, 142, 23 | |
| Giallo chiaro | #C6BA8B | 198, 186, 139 | |
| Giallo medio | #C7A317 | 199, 163, 23 | |
| Giallo chiaro | #C8AD7F | 200, 173, 127 | |
| Giallo chiaro | #C8B560 | 200, 181, 96 | |
| Giallo chiaro | #C9AE5D | 201, 174, 93 | |
| Giallo chiaro | #C9BE62 | 201, 190, 98 | |
| Giallo chiaro | #D29F51 | 210, 159, 81 | |
| Giallo medio | #D4A017 | 212, 160, 23 | |
| Giallo medio | #D4AF37 | 212, 175, 55 | |
| Verga d’oro | #DAA520 | 218, 165, 32 | |
| Giallo medio | #DAEE01 | 218, 238, 1 | |
| Giallo medio | #E1AD01 | 225, 173, 1 | |
| Giallo medio | #E2F516 | 226, 245, 22 | |
| Giallo chiaro | #E6BF83 | 230, 191, 131 | |
| Giallo medio | #E8A317 | 232, 163, 23 | |
| Giallo chiaro | #E8E4C9 | 232, 228, 201 | |
| Giallo medio | #E9AB17 | 233, 171, 23 | |
| Giallo chiaro | #E9E4D4 | 233, 228, 212 | |
| Giallo medio | #EAC117 | 234, 193, 23 | |
| Giallo chiaro | #EBA832 | 235, 168, 50 | |
| Giallo chiaro | #ECE5B6 | 236, 229, 182 | |
| Giallo chiaro | #EDDA74 | 237, 218, 116 | |
| Giallo chiaro | #EDE275 | 237, 226, 117 | |
| Giallo chiaro | #EDE6D6 | 237, 230, 214 | |
| Giallo medio | #EED202 | 238, 210, 2 | |
| Oro pallido | #EEE8AA | 238, 232, 170 | |
| Giallo chiaro | #EFEBD8 | 239, 235, 216 | |
| Giallo chiaro | #F0E2B6 | 240, 226, 182 | |
| Kaki | #F0E68C | 240, 230, 140 | |
| Giallo chiaro | #F0E9D6 | 240, 233, 214 | |
| Giallo chiaro | #F1E5AC | 241, 229, 172 | |
| Giallo chiaro | #F2BB66 | 242, 187, 102 | |
| Giallo medio | #F2F0DF | 242, 240, 223 | |
| Giallo chiaro | #F3E3C3 | 243, 227, 195 | |
| Giallo chiaro | #F3E5AB | 243, 229, 171 | |
| Grano | #F5DEB3 | 245, 222, 179 | |
| Giallo medio | #F5E216 | 245, 226, 22 | |
| Beige | #F5F5DC | 245, 245, 220 | |
| Giallo medio | #F6BE00 | 246, 190, 0 | |
| Giallo chiaro | #F7E7CE | 247, 231, 206 | |
| Giallo medio | #F8F0E3 | 248, 240, 227 | |
| Giallo medio | #F8F6F0 | 248, 246, 240 | |
| Giallo chiaro | #F9DB24 | 249, 219, 36 | |
| Giallo medio | #F9F6EE | 249, 246, 238 | |
| Giallo medio | #FAF0DD | 250, 240, 221 | |
| Giallo chiaro | #FAF884 | 250, 248, 132 | |
| Giallo dorato chiaro | #FAFAD2 | 250, 250, 210 | |
| Giallo medio | #FBB117 | 251, 177, 23 | |
| Giallo medio | #FBB917 | 251, 185, 23 | |
| Giallo chiaro | #FBE7A1 | 251, 231, 161 | |
| Giallo medio | #FBF6D9 | 251, 246, 217 | |
| Giallo medio | #FBFBF9 | 251, 251, 249 | |
| Giallo medio | #FDBD01 | 253, 189, 1 | |
| Giallo medio | #FDD017 | 253, 208, 23 | |
| Giallo chiaro | #FEF250 | 254, 242, 80 | |
| Arancione | #FFA500 | 255, 165, 0 | |
| Giallo medio | #FFA600 | 255, 166, 0 | |
| Giallo medio | #FFBF00 | 255, 191, 0 | |
| Giallo chiaro | #FFCE44 | 255, 206, 68 | |
| Oro | #FFD700 | 255, 215, 0 | |
| Giallo medio | #FFD801 | 255, 216, 1 | |
| Giallo chiaro | #FFDB58 | 255, 219, 88 | |
| Bianco Navajo | #FFDEAD | 255, 222, 173 | |
| Giallo medio | #FFDF00 | 255, 223, 0 | |
| Mocassino | #FFE4B5 | 255, 228, 181 | |
| Giallo chiaro | #FFE5B4 | 255, 229, 180 | |
| Giallo chiaro | #FFE87C | 255, 232, 124 | |
| Mandorla chiara | #FFEBCD | 255, 235, 205 | |
| Giallo medio | #FFEF00 | 255, 239, 0 | |
| Panna papaya | #FFEFD5 | 255, 239, 213 | |
| Giallo medio | #FFF0DB | 255, 240, 219 | |
| Giallo chiaro | #FFF380 | 255, 243, 128 | |
| Seta di mais | #FFF8DC | 255, 248, 220 | |
| Giallo medio | #FFF8E7 | 255, 248, 231 | |
| Giallo medio | #FFF9E3 | 255, 249, 227 | |
| Giallo limone chiaro | #FFFACD | 255, 250, 205 | |
| Bianco floreale | #FFFAF0 | 255, 250, 240 | |
| Giallo medio | #FFFDD0 | 255, 253, 208 | |
| Giallo medio | #FFFEFA | 255, 254, 250 | |
| Giallo | #FFFF00 | 255, 255, 0 | |
| Giallo chiaro | #FFFF33 | 255, 255, 51 | |
| Giallo chiaro | #FFFFC2 | 255, 255, 194 | |
| Giallo chiaro | #FFFFCC | 255, 255, 204 | |
| Giallo chiaro | #FFFFE0 | 255, 255, 224 | |
| Avorio | #FFFFF0 | 255, 255, 240 | |
| Giallo medio | #FFFFF4 | 255, 255, 244 | |
| Giallo medio | #FFFFF7 | 255, 255, 247 |
Colori arancioni: codici colore HTML (80 esempi)
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Arancione scuro | #483C32 | 72, 60, 50 | |
| Arancione scuro | #5C3317 | 92, 51, 23 | |
| Arancione scuro | #644117 | 100, 65, 23 | |
| Arancione scuro | #654321 | 101, 67, 33 | |
| Arancione scuro | #6F4E37 | 111, 78, 55 | |
| Arancione scuro | #704214 | 112, 66, 20 | |
| Arancione scuro | #7E3517 | 126, 53, 23 | |
| Arancione scuro | #7E3817 | 126, 56, 23 | |
| Arancione scuro | #7F462C | 127, 70, 44 | |
| Arancione scuro | #7F5217 | 127, 82, 23 | |
| Arancione scuro | #804A00 | 128, 74, 0 | |
| Arancione medio | #835C3B | 131, 92, 59 | |
| Arancione scuro | #8A4117 | 138, 65, 23 | |
| Marrone sella | #8B4513 | 139, 69, 19 | |
| Arancione medio | #9F8C76 | 159, 140, 118 | |
| Siena | #A0522D | 160, 82, 45 | |
| Arancione medio | #A55D35 | 165, 93, 53 | |
| Arancione medio | #A97142 | 169, 113, 66 | |
| Arancione medio | #AA6C39 | 170, 108, 57 | |
| Arancione medio | #AB784E | 171, 120, 78 | |
| Arancione scuro | #B06500 | 176, 101, 0 | |
| Arancione chiaro | #B1907F | 177, 144, 127 | |
| Arancione medio | #B5651D | 181, 101, 29 | |
| Arancione medio | #B76734 | 183, 103, 52 | |
| Arancione medio | #B83C08 | 184, 60, 8 | |
| Arancione medio | #B86500 | 184, 101, 0 | |
| Arancione medio | #B87333 | 184, 115, 51 | |
| Arancione medio | #C04000 | 192, 64, 0 | |
| Arancione chiaro | #C19A6B | 193, 154, 107 | |
| Arancione medio | #C35817 | 195, 88, 23 | |
| Arancione medio | #C36241 | 195, 98, 65 | |
| Arancione medio | #C47451 | 196, 116, 81 | |
| Arancione medio | #C88141 | 200, 129, 65 | |
| Arancione medio | #CA762B | 202, 118, 43 | |
| Arancione medio | #CC6600 | 204, 102, 0 | |
| Arancione medio | #CD7F32 | 205, 127, 50 | |
| Arancione medio | #CD853F | 205, 133, 63 | |
| Cioccolato | #D2691E | 210, 105, 30 | |
| Cuoio (tan) | #D2B48C | 210, 180, 140 | |
| Arancione chiaro | #DA8A67 | 218, 138, 103 | |
| Legno chiaro | #DEB887 | 222, 184, 135 | |
| Arancione chiaro | #E1D9D1 | 225, 217, 209 | |
| Arancione chiaro | #E2A76F | 226, 167, 111 | |
| Arancione medio | #E56717 | 229, 103, 23 | |
| Arancione medio | #E66C2C | 230, 108, 44 | |
| Arancione chiaro | #E78A61 | 231, 138, 97 | |
| Salmone scuro | #E9967A | 233, 150, 122 | |
| Arancione medio | #EB5406 | 235, 84, 6 | |
| Arancione chiaro | #EDC9AF | 237, 201, 175 | |
| Arancione chiaro | #EE9A4D | 238, 154, 77 | |
| Arancione chiaro | #F4A460 | 244, 164, 96 | |
| Arancione medio | #F87217 | 248, 114, 23 | |
| Arancione chiaro | #F87431 | 248, 116, 49 | |
| Arancione medio | #F88017 | 248, 128, 23 | |
| Arancione chiaro | #F88158 | 248, 129, 88 | |
| Arancione chiaro | #F8B88B | 248, 184, 139 | |
| Arancione chiaro | #F9966B | 249, 150, 107 | |
| Bianco antico | #FAEBD7 | 250, 235, 215 | |
| Lino | #FAF0E6 | 250, 240, 230 | |
| Arancione medio | #FAF5EF | 250, 245, 239 | |
| Arancione chiaro | #FBD5AB | 251, 213, 171 | |
| Arancione chiaro | #FE632A | 254, 99, 42 | |
| Arancione chiaro | #FED8B1 | 254, 216, 177 | |
| Arancione medio | #FEF0E3 | 254, 240, 227 | |
| Rosso arancio | #FF4500 | 255, 69, 0 | |
| Arancione chiaro | #FF5F1F | 255, 95, 31 | |
| Arancione medio | #FF6700 | 255, 103, 0 | |
| Arancione chiaro | #FF7722 | 255, 119, 34 | |
| Arancione medio | #FF7900 | 255, 121, 0 | |
| Corallo | #FF7F50 | 255, 127, 80 | |
| Arancione chiaro | #FF8040 | 255, 128, 64 | |
| Arancione scuro | #FF8C00 | 255, 140, 0 | |
| Salmone chiaro | #FFA07A | 255, 160, 122 | |
| Arancione chiaro | #FFA62F | 255, 166, 47 | |
| Arancione chiaro | #FFAE42 | 255, 174, 66 | |
| Arancione chiaro | #FFCBA4 | 255, 203, 164 | |
| Pesca chiaro | #FFDAB9 | 255, 218, 185 | |
| Arancione chiaro | #FFDDCA | 255, 221, 202 | |
| Biscotto (bisque) | #FFE4C4 | 255, 228, 196 | |
| Conchiglia | #FFF5EE | 255, 245, 238 |
Colori rossi: codici colore HTML (97 esempi)
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Rosso scuro | #2B1B17 | 43, 27, 23 | |
| Rosso scuro | #2F0909 | 47, 9, 9 | |
| Rosso scuro | #3D0C02 | 61, 12, 2 | |
| Rosso scuro | #3F000F | 63, 0, 15 | |
| Rosso scuro | #43302E | 67, 48, 46 | |
| Rosso scuro | #551606 | 85, 22, 6 | |
| Rosso scuro | #622F22 | 98, 47, 34 | |
| Rosso scuro | #660000 | 102, 0, 0 | |
| Rosso scuro | #733635 | 115, 54, 53 | |
| Rosso scuro | #7E191B | 126, 25, 27 | |
| Rosso medio | #7F4E52 | 127, 78, 82 | |
| Rosso medio | #7F525D | 127, 82, 93 | |
| Rosso medio | #7F5A58 | 127, 90, 88 | |
| Bordeaux | #800000 | 128, 0, 0 | |
| Rosso scuro | #800020 | 128, 0, 32 | |
| Rosso scuro | #800517 | 128, 5, 23 | |
| Rosso scuro | #8B0000 | 139, 0, 0 | |
| Rosso scuro | #8C001A | 140, 0, 26 | |
| Rosso scuro | #8F0B0B | 143, 11, 11 | |
| Rosso scuro | #931314 | 147, 19, 20 | |
| Rosso medio | #954535 | 149, 69, 53 | |
| Rosso scuro | #990000 | 153, 0, 0 | |
| Rosso scuro | #990012 | 153, 0, 18 | |
| Rosso medio | #997070 | 153, 112, 112 | |
| Rosso medio | #9E4638 | 158, 70, 56 | |
| Rosso scuro | #9F000F | 159, 0, 15 | |
| Rosso medio | #A05544 | 160, 85, 68 | |
| Rosso medio | #A24857 | 162, 72, 87 | |
| Marrone | #A52A2A | 165, 42, 42 | |
| Rosso medio | #A70D2A | 167, 13, 42 | |
| Rosso medio | #B21807 | 178, 24, 7 | |
| Rosso mattone | #B22222 | 178, 34, 34 | |
| Rosso chiaro | #B38481 | 179, 132, 129 | |
| Marrone rosato | #BC8F8F | 188, 143, 143 | |
| Rosso chiaro | #C08081 | 192, 128, 129 | |
| Rosso medio | #C11B17 | 193, 27, 23 | |
| Rosso medio | #C24641 | 194, 70, 65 | |
| Rosso medio | #C32148 | 195, 33, 72 | |
| Rosso medio | #C34A2C | 195, 74, 44 | |
| Rosso chiaro | #C48189 | 196, 129, 137 | |
| Rosso chiaro | #C48793 | 196, 135, 147 | |
| Rosso chiaro | #C4AEAD | 196, 174, 173 | |
| Rosso chiaro | #C5908E | 197, 144, 142 | |
| Rosso medio | #C83F49 | 200, 63, 73 | |
| Rosso chiaro | #C9A9A6 | 201, 169, 166 | |
| Rosso chiaro | #CB6D51 | 203, 109, 81 | |
| Rosso chiaro | #CC7A8B | 204, 122, 139 | |
| Rosso indiano | #CD5C5C | 205, 92, 92 | |
| Rosso chiaro | #D58A94 | 213, 138, 148 | |
| Cremisi | #DC143C | 220, 20, 60 | |
| Rosso medio | #DC381F | 220, 56, 31 | |
| Rosso medio | #E41B17 | 228, 27, 23 | |
| Rosso medio | #E42217 | 228, 34, 23 | |
| Rosso chiaro | #E55451 | 229, 84, 81 | |
| Rosso chiaro | #E55B3C | 229, 91, 60 | |
| Rosso chiaro | #E5788F | 229, 120, 143 | |
| Rosso chiaro | #E67451 | 230, 116, 81 | |
| Rosso chiaro | #E6C7C2 | 230, 199, 194 | |
| Rosso chiaro | #E77471 | 231, 116, 113 | |
| Rosso chiaro | #E799A3 | 231, 153, 163 | |
| Rosso chiaro | #E7A1B0 | 231, 161, 176 | |
| Rosso chiaro | #E8ADAA | 232, 173, 170 | |
| Rosso chiaro | #ECC5C0 | 236, 197, 192 | |
| Corallo chiaro | #F08080 | 240, 128, 128 | |
| Rosso chiaro | #F2D4D7 | 242, 212, 215 | |
| Rosso medio | #F3E8EA | 243, 232, 234 | |
| Rosso medio | #F62217 | 246, 34, 23 | |
| Rosso medio | #F62817 | 246, 40, 23 | |
| Rosso chiaro | #F67280 | 246, 114, 128 | |
| Rosso chiaro | #F6C6BD | 246, 198, 189 | |
| Rosso medio | #F70D1A | 247, 13, 26 | |
| Rosso chiaro | #F75D59 | 247, 93, 89 | |
| Rosso chiaro | #F7CAC9 | 247, 202, 201 | |
| Rosso chiaro | #F89880 | 248, 152, 128 | |
| Rosso chiaro | #F98B88 | 249, 139, 136 | |
| Rosso chiaro | #F9A7B0 | 249, 167, 176 | |
| Rosso chiaro | #FA2A55 | 250, 42, 85 | |
| Salmone | #FA8072 | 250, 128, 114 | |
| Rosso chiaro | #FAAFBA | 250, 175, 186 | |
| Rosso chiaro | #FAAFBE | 250, 175, 190 | |
| Rosso chiaro | #FBBBB9 | 251, 187, 185 | |
| Rosso chiaro | #FBCFCD | 251, 207, 205 | |
| Rosso chiaro | #FC6C85 | 252, 108, 133 | |
| Rosso medio | #FD1C03 | 253, 28, 3 | |
| Rosso chiaro | #FEA3AA | 254, 163, 170 | |
| Rosso | #FF0000 | 255, 0, 0 | |
| Rosso medio | #FF2400 | 255, 36, 0 | |
| Pomodoro | #FF6347 | 255, 99, 71 | |
| Rosso chiaro | #FF8674 | 255, 134, 116 | |
| Rosa chiaro | #FFB6C1 | 255, 182, 193 | |
| Rosso chiaro | #FFB8BF | 255, 184, 191 | |
| Rosa | #FFC0CB | 255, 192, 203 | |
| Rosso chiaro | #FFCCCB | 255, 204, 203 | |
| Rosso medio | #FFDFDD | 255, 223, 221 | |
| Rosso medio | #FFE4E1 | 255, 228, 225 | |
| Rosso medio | #FFE6E8 | 255, 230, 232 | |
| Neve | #FFFAFA | 255, 250, 250 |
Colori rosa e magenta: codici colore HTML (63 esempi)
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Magenta medio | #0C090A | 12, 9, 10 | |
| Magenta scuro | #34282C | 52, 40, 44 | |
| Magenta scuro | #550A35 | 85, 10, 53 | |
| Magenta scuro | #560319 | 86, 3, 25 | |
| Magenta scuro | #614051 | 97, 64, 81 | |
| Magenta scuro | #7D0541 | 125, 5, 65 | |
| Magenta scuro | #7D0552 | 125, 5, 82 | |
| Magenta medio | #7E354D | 126, 53, 77 | |
| Magenta medio | #7E587E | 126, 88, 126 | |
| Viola | #800080 | 128, 0, 128 | |
| Magenta scuro | #810541 | 129, 5, 65 | |
| Magenta scuro | #872657 | 135, 38, 87 | |
| Magenta scuro | #8B008B | 139, 0, 139 | |
| Magenta medio | #915F6D | 145, 95, 109 | |
| Magenta medio | #A17188 | 161, 113, 136 | |
| Magenta medio | #B3446C | 179, 68, 108 | |
| Magenta medio | #B93B8F | 185, 59, 143 | |
| Magenta medio | #C12267 | 193, 34, 103 | |
| Magenta medio | #C12283 | 193, 34, 131 | |
| Magenta medio | #C12869 | 193, 40, 105 | |
| Magenta medio | #C21E56 | 194, 30, 86 | |
| Magenta medio | #C25283 | 194, 82, 131 | |
| Magenta chiaro | #C25A7C | 194, 90, 124 | |
| Rosso viola medio | #C71585 | 199, 21, 133 | |
| Magenta chiaro | #C8A2C8 | 200, 162, 200 | |
| Magenta medio | #CA226B | 202, 34, 107 | |
| Magenta medio | #CC338B | 204, 51, 139 | |
| Magenta chiaro | #D16587 | 209, 101, 135 | |
| Magenta chiaro | #D291BC | 210, 145, 188 | |
| Cardo | #D8BFD8 | 216, 191, 216 | |
| Magenta medio | #DA1884 | 218, 24, 132 | |
| Orchidea | #DA70D6 | 218, 112, 214 | |
| Rosso viola pallido | #DB7093 | 219, 112, 147 | |
| Prugna | #DDA0DD | 221, 160, 221 | |
| Magenta chiaro | #DF73D4 | 223, 115, 212 | |
| Magenta medio | #E30B5D | 227, 11, 93 | |
| Magenta medio | #E3319D | 227, 49, 157 | |
| Magenta chiaro | #E38AAE | 227, 138, 174 | |
| Magenta medio | #E4287C | 228, 40, 124 | |
| Magenta chiaro | #E45E9D | 228, 94, 157 | |
| Magenta chiaro | #E56E94 | 229, 110, 148 | |
| Magenta chiaro | #E75480 | 231, 84, 128 | |
| Magenta chiaro | #E759AC | 231, 89, 172 | |
| Magenta chiaro | #EBDDE2 | 235, 221, 226 | |
| Violetto | #EE82EE | 238, 130, 238 | |
| Magenta chiaro | #F2A2E8 | 242, 162, 232 | |
| Magenta chiaro | #F52887 | 245, 40, 135 | |
| Magenta chiaro | #F535AA | 245, 53, 170 | |
| Magenta chiaro | #F6358A | 246, 53, 138 | |
| Magenta chiaro | #F660AB | 246, 96, 171 | |
| Magenta chiaro | #F778A1 | 247, 120, 161 | |
| Magenta chiaro | #FD349C | 253, 52, 156 | |
| Magenta medio | #FDD7E4 | 253, 215, 228 | |
| Magenta medio | #FDEEF4 | 253, 238, 244 | |
| Magenta medio | #FF007F | 255, 0, 127 | |
| Magenta medio | #FF0080 | 255, 0, 128 | |
| Fucsia | #FF00FF | 255, 0, 255 | |
| Rosa intenso | #FF1493 | 255, 20, 147 | |
| Magenta chiaro | #FF33AA | 255, 51, 170 | |
| Rosa acceso | #FF69B4 | 255, 105, 180 | |
| Magenta chiaro | #FF77FF | 255, 119, 255 | |
| Magenta chiaro | #FFB2D0 | 255, 178, 208 | |
| Rosa lavanda | #FFF0F5 | 255, 240, 245 |
Colori viola e indaco: codici colore HTML (54 esempi)
| Nome (IT) | Colore | HEX | RGB |
|---|---|---|---|
| Viola scuro | #2E1A47 | 46, 26, 71 | |
| Viola scuro | #36013F | 54, 1, 63 | |
| Viola scuro | #461B7E | 70, 27, 126 | |
| Indaco | #4B0082 | 75, 0, 130 | |
| Viola scuro | #4B0150 | 75, 1, 80 | |
| Viola medio | #4E387E | 78, 56, 126 | |
| Viola scuro | #571B7E | 87, 27, 126 | |
| Viola scuro | #583759 | 88, 55, 89 | |
| Viola Rebecca | #663399 | 102, 51, 153 | |
| Viola medio | #6A0DAD | 106, 13, 173 | |
| Viola scuro | #6A287E | 106, 40, 126 | |
| Viola medio | #6C2DC7 | 108, 45, 199 | |
| Viola medio | #6F2DA8 | 111, 45, 168 | |
| Viola medio | #734F96 | 115, 79, 150 | |
| Viola chiaro | #7A5DC7 | 122, 93, 199 | |
| Viola chiaro | #7F38EC | 127, 56, 236 | |
| Viola chiaro | #822EFF | 130, 46, 255 | |
| Viola medio | #842DCE | 132, 45, 206 | |
| Viola chiaro | #8467D7 | 132, 103, 215 | |
| Viola medio | #86608E | 134, 96, 142 | |
| Viola chiaro | #893BFF | 137, 59, 255 | |
| Blu violaceo | #8A2BE2 | 138, 43, 226 | |
| Viola medio | #8D38C9 | 141, 56, 201 | |
| Viola chiaro | #8E35EF | 142, 53, 239 | |
| Viola chiaro | #9172EC | 145, 114, 236 | |
| Viola chiaro | #9370DB | 147, 112, 219 | |
| Violetto scuro | #9400D3 | 148, 0, 211 | |
| Viola chiaro | #967BB6 | 150, 123, 182 | |
| Orchidea scura | #9932CC | 153, 50, 204 | |
| Viola medio | #9D00FF | 157, 0, 255 | |
| Viola chiaro | #9E7BFF | 158, 123, 255 | |
| Viola chiaro | #A23BEC | 162, 59, 236 | |
| Viola medio | #A74AC7 | 167, 74, 199 | |
| Viola chiaro | #B041FF | 176, 65, 255 | |
| Viola medio | #B048B5 | 176, 72, 181 | |
| Viola chiaro | #B09FCA | 176, 159, 202 | |
| Viola chiaro | #B666D2 | 182, 102, 210 | |
| Viola chiaro | #BA55D3 | 186, 85, 211 | |
| Viola chiaro | #C38EC7 | 195, 142, 199 | |
| Viola chiaro | #C45AEC | 196, 90, 236 | |
| Viola chiaro | #C6AEC7 | 198, 174, 199 | |
| Viola chiaro | #D2B9D3 | 210, 185, 211 | |
| Viola chiaro | #D462FF | 212, 98, 255 | |
| Viola chiaro | #D891EF | 216, 145, 239 | |
| Viola medio | #DCD0FF | 220, 208, 255 | |
| Viola chiaro | #DFD3E3 | 223, 211, 227 | |
| Viola chiaro | #E0B0FF | 224, 176, 255 | |
| Viola chiaro | #E238EC | 226, 56, 236 | |
| Viola chiaro | #E6A9EC | 230, 169, 236 | |
| Viola chiaro | #E9CFEC | 233, 207, 236 | |
| Viola chiaro | #F433FF | 244, 51, 255 | |
| Viola chiaro | #F9B7FF | 249, 183, 255 | |
| Viola medio | #FCDFFF | 252, 223, 255 | |
| Viola medio | #FEFCFF | 254, 252, 255 |
Il consiglio di Informarea.it
Scegliere un colore per un sito web non è solo una questione estetica, spesso si sottovaluta quanto la leggibilità e l’accessibilità siano decisive. Chi tende a usare tonalità troppo simili tra testo e sfondo rischia di creare contenuti difficili da leggere, specialmente su smartphone o schermi poco luminosi. La nostra esperienza mostra che affidarsi ai codici esadecimali o a RGB precisi aiuta a mantenere coerenza visiva e un contrasto adeguato, fondamentale anche per chi ha difficoltà visive. Meglio evitare scorciatoie come i nomi colore per dettagli importanti e verificare sempre il contrasto prima di pubblicare, così il tuo sito sarà accessibile e funzionale per tutti.
Domande Frequenti (FAQ)
Qual è la differenza tra HEX e RGB?
Nessuna differenza “di risultato”: esprimono lo stesso colore. HEX usa base 16 (#RRGGBB), RGB usa numeri da 0 a 255 (rgb(r, g, b)).
Posso usare i codici colore direttamente in HTML?
Sì, ma oggi è consigliato usare i CSS. Attributi come bgcolor sono vecchi e non rappresentano un approccio moderno.
Che cos’è la trasparenza (alpha) nei colori?
È il livello di opacità: puoi gestirlo con rgba(), hsla() oppure con HEX a 8 cifre (#RRGGBBAA).
Quali codici colore usare per lo sfondo di una pagina HTML?
Per i colori di sfondo HTML è consigliato usare i CSS con background-color, scegliendo tonalità chiare e leggibili come #FFFFFF o #F5F5F5 abbinate a testo scuro.
Esiste una tabella completa dei colori web?
Sì, esistono tabelle con centinaia di colori web in formato HEX e RGB. Per l’uso quotidiano, però, è spesso sufficiente una tabella con i colori più comuni.
