Codici colore CSS e nomi.
Il codice colore può essere uno tra:
Formato esadecimale: #rrggbb
Formato RGB: rgb (rosso, verde, blu)
Formato del nome: nome
Per il colore arancione:
Formato esadecimale: #FFA500
Formato RGB: rgb(255,165,0)
Formato del nome: arancione
Per elemento specifico:
<element style="color: code;"></element>
Per tutti gli elementi dello stesso tipo.Inserisci il codice nel tag <style> nella sezione head:
<style>
element { color: code; }
</style>
Impostare il colore del testo in paragrafi su rosso:
Impostazione del colore del paragrafo specifico:
<p style="color: #FF0000;">Some text ...</p>
Visualizzazione:
Qualche testo...
Impostazione del colore di tutti i paragrafi
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Impostare il colore di sfondo del paragrafo su rosso:
Impostazione del colore di sfondo del paragrafo specifico:
<p style="background: #FF0000;">Some text ...</p>
Visualizzazione:
Qualche testo...
Impostazione del colore di sfondo di tutti i paragrafi:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Impostare il colore del bordo del paragrafo su rosso, verde, blu e nero:
Impostazione del colore del bordo di un paragrafo specifico:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Visualizzazione:
Qualche testo...
Impostazione del colore del bordo di tutti i paragrafi:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
lightsalmon | #FFA07A | RGB(255,160,122) | |
salmone | #FA8072 | RGB(250,128,114) | |
blacksalmon | #E9967A | RGB(233,150,122) | |
lightcoral | #F08080 | RGB(240,128,128) | |
indianred | #CD5C5C | RGB(205,92,92) | |
cremisi | #DC143C | RGB(220,20,60) | |
mattone refrattario | #B22222 | RGB(178,34,34) | |
rosso | #FF0000 | RGB(255,0,0) | |
rosso scuro | #8B0000 | RGB(139,0,0) |
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
corallo | #FF7F50 | RGB(255,127,80) | |
pomodoro | #FF6347 | RGB(255,99,71) | |
rosso-arancio | #FF4500 | RGB(255,69,0) | |
oro | #FFD700 | RGB(255,215,0) | |
arancia | #FFA500 | RGB(255,165,0) | |
arancione scuro | #FF8C00 | RGB(255,140,0) |
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
giallo chiaro | #FFFFE0 | RGB(255,255,224) | |
chiffon al limone | #FFFACD | RGB(255,250,205) | |
asta d'oro chiarogiallo | #FAFAD2 | RGB(250,250,210) | |
papayafrusta | #FFEFD5 | RGB(255,239,213) | |
mocassino | #FFE4B5 | RGB(255,228,181) | |
pesche | #FFDAB9 | RGB(255,218,185) | |
verga d'oro pallido | #EEE8AA | RGB(238,232,170) | |
cachi | #F0E68C | RGB(240,230,140) | |
cachi scuro | #BDB76B | RGB(189,183,107) | |
giallo | #FFFF00 | RGB(255,255,0) |
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
verde prato | #7CFC00 | RGB(124,252,0) | |
chartreuse | #7FFF00 | RGB(127,255,0) | |
verde lime | #32CD32 | RGB(50,205,50) | |
lime | #00FF00 | RGB(0.255.0) | |
verde foresta | #228B22 | RGB(34,139,34) | |
verde | #008000 | RGB(0,128,0) | |
verde scuro | #006400 | RGB(0,100,0) | |
verde giallo | #ADFF2F | RGB(173,255,47) | |
giallo verde | #9ACD32 | RGB(154,205,50) | |
verde primavera | #00FF7F | RGB(0,255,127) | |
medioverde primaverile | #00FA9A | RGB(0,250,154) | |
verde chiaro | #90EE90 | RGB(144,238,144) | |
verde pallido | #98FB98 | RGB(152,251,152) | |
darkseagreen | #8FBC8F | RGB(143,188,143) | |
mediumseagreen | #3CB371 | RGB(60,179,113) | |
mare verde | #2E8B57 | RGB(46,139,87) | |
oliva | #808000 | RGB(128,128,0) | |
verde oliva scuro | #556B2F | RGB(85,107,47) | |
olivedrab | #6B8E23 | RGB(107,142,35) |
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
lightcyan | #E0FFFF | RGB(224,255,255) | |
ciano | #00FFFF | RGB(0,255,255) | |
acqua | #00FFFF | RGB(0,255,255) | |
acquamarina | #7FFFD4 | RGB(127,255,212) | |
acquamarina media | #66CDAA | RGB(102,205,170) | |
paleturchese | #AFEEEE | RGB(175,238,238) | |
turchese | #40E0D0 | RGB(64,224,208) | |
turchese medio | #48D1CC | RGB(72,209,204) | |
turchese scuro | #00CED1 | RGB(0,206,209) | |
lightseagreen | #20B2AA | RGB(32,178,170) | |
cadetblue | #5F9EA0 | RGB(95,158,160) | |
darkcyan | #008B8B | RGB(0,139,139) | |
verde acqua | #008080 | RGB(0,128,128) |
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
blu polvere | #B0E0E6 | RGB(176,224,230) | |
azzurro | #ADD8E6 | RGB(173,216,230) | |
azzurro cielo | #87CEFA | RGB(135,206,250) | |
cielo blu | #87CEEB | RGB(135,206,235) | |
deepskyblue | #00BFFF | RGB(0,191,255) | |
lightsteelblue | #B0C4DE | RGB(176,196,222) | |
dodgerblue | #1E90FF | RGB(30,144,255) | |
fiordaliso | #6495DE | RGB(100,149,237) | |
Blu acciaio | #4682B4 | RGB(70,130,180) | |
Blu Reale | #4169E1 | RGB(65,105,225) | |
blu | #0000FF | RGB(0,0,255) | |
blu medio | #0000CD | RGB(0,0,205) | |
blu scuro | #00008B | RGB(0,0,139) | |
Marina Militare | #000080 | RGB(0,0,128) | |
blu notte | #191970 | RGB(25,25,112) | |
mediumslateblue | #7B68EE | RGB(123,104,238) | |
blu ardesia | #6A5ACD | RGB(106,90,205) | |
darkslateblue | #483D8B | RGB(72,61,139) |
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
lavanda | #E6E6FA | RGB(230,230,250) | |
cardo | #D8BFD8 | RGB(216,191,216) | |
prugna | #DDA0DD | RGB(221,160,221) | |
Viola | #EE82EE | RGB(238,130,238) | |
orchidea | #DA70D6 | RGB(218,112,214) | |
fucsia | #FF00FF | RGB(255,0,255) | |
magenta | #FF00FF | RGB(255,0,255) | |
mediumorchidea | #BA55D3 | RGB(186,85,211) | |
viola medio | #9370DB | RGB(147,112,219) | |
blu viola | #8A2BE2 | RGB(138,43,226) | |
viola scuro | #9400D3 | RGB(148,0,211) | |
darkorchidea | #9932CC | RGB(153,50,204) | |
darkmagenta | #8B008B | RGB(139,0,139) | |
viola | #800080 | RGB(128,0,128) | |
indaco | #4B0082 | RGB(75,0,130) |
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
rosa | #FFC0CB | RGB(255,192,203) | |
rosa chiaro | #FFB6C1 | RGB(255,182,193) | |
rosa caldo | #FF69B4 | RGB(255,105,180) | |
rosa scuro | #FF1493 | RGB(255,20,147) | |
palevioletred | #DB7093 | RGB(219,112,147) | |
mediumvioletred | #C71585 | RGB(199,21,133) |
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
bianco | #FFFFFF | RGB(255,255,255) | |
nevicare | #FFFAFA | RGB(255,250,250) | |
melata | #F0FFF0 | RGB(240,255,240) | |
crema di menta | #F5FFFA | RGB(245,255,250) | |
azzurro | #F0FFFF | RGB(240,255,255) | |
aliceblue | #F0F8FF | RGB(240,248,255) | |
ghostwhite | #F8F8FF | RGB(248,248,255) | |
fumo bianco | #F5F5F5 | RGB(245,245,245) | |
conchiglia | #FFF5EE | RGB(255,245,238) | |
beige | #F5F5DC | RGB(245,245,220) | |
oldlace | #FDF5E6 | RGB(253,245,230) | |
florealebianco | #FFFAF0 | RGB(255,250,240) | |
avorio | #FFFFF0 | RGB(255,255,240) | |
bianco antico | #FAEBD7 | RGB(250,235,215) | |
biancheria | #FAF0E6 | RGB(250,240,230) | |
lavandablush | #FFF0F5 | RGB(255,240,245) | |
mistyrose | #FFE4E1 | RGB(255,228,225) |
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
gainsboro | #DCDCDC | RGB(220,220,220) | |
grigio chiaro | #D3D3D3 | RGB(211,211,211) | |
argento | #C0C0C0 | RGB(192,192,192) | |
grigio scuro | #A9A9A9 | RGB(169,169,169) | |
grigio | #808080 | RGB(128,128,128) | |
grigio scuro | #696969 | RGB(105,105,105) | |
lightlategray | #778899 | RGB(119,136,153) | |
ardesia | #708090 | RGB(112,128,144) | |
darkslategray | #2F4F4F | RGB(47,79,79) | |
nero | #000000 | RGB(0,0,0) |
Colore | Nome coloreHTML/CSS |
Codice esadecimale #RRGGBB |
Codice decimale (R, G, B) |
---|---|---|---|
mais | #FFF8DC | RGB(255,248,220) | |
blanchedalmond | #FFEBCD | RGB(255,235,205) | |
bisquit | #FFE4C4 | RGB(255,228,196) | |
navajowhite | #FFMORTO | RGB(255,222,173) | |
grano | #F5DEB3 | RGB(245,222,179) | |
burlywood | #DEB887 | RGB(222,184,135) | |
abbronzatura | #D2B48C | RGB(210,180,140) | |
marrone rosato | #BC8F8F | RGB(188,143,143) | |
sandbrown | #F4A460 | RGB(244,164,96) | |
verga d'oro | #DAA520 | RGB(218,165,32) | |
Perù | #CD853F | RGB(205,133,63) | |
cioccolato | #D2691E | RGB(210,105,30) | |
sella marrone | #8B4513 | RGB(139,69,19) | |
Siena | #A0522D | RGB(160,82,45) | |
marrone | #A52A2A | RGB(165,42,42) | |
marrone | #800000 | RGB(128,0,0) |
Il nostro strumento di codici colore CSS consente agli utenti di codici colore CSS.Alcune delle caratteristiche principali di questa utility sono spiegate di seguito.
L'interfaccia intuitiva del nostro strumento per i codici colore CSS ti offre la facilità di condurre questa conversione all'istante.Non è più necessario acquisire competenze di programmazione per i codici colore CSS grazie alla semplicità di questo strumento.
Non è necessario eseguire alcun processo di registrazione per utilizzare i codici colore CSS.Usando questa utility, puoi utilizzare lo strumento per i codici colore CSS tutte le volte che vuoi gratuitamente.
È possibile accedere a questi codici colore CSS da qualsiasi angolo del mondo.Non devi preoccuparti della compatibilità di questo strumento online, poiché puoi codificare i colori CSS con esso da qualsiasi dispositivo.Tutto ciò di cui hai bisogno è una connessione Internet per accedere e utilizzare questo strumento di codici colore CSS.
I codici colore CSS ti consentono di completare immediatamente la stessa attività.Non ti verrà chiesto di seguire procedure manuali, poiché i suoi algoritmi automatizzati faranno il lavoro per te.
Lo strumento per i codici colore CSS funziona perfettamente su tutti i sistemi operativi.Che tu abbia un dispositivo Mac, iOS, Android, Windows o Linux, puoi utilizzare facilmente questa utility online senza problemi.
Non è necessario eseguire alcun processo di registrazione per utilizzare questo strumento per i codici colore CSS.Puoi utilizzare questa utility gratuitamente e creare codici colore CSS illimitati senza alcuna limitazione.
Advertising