Codici Colori HTML

Stai allestendo un tuo spazio web e ti servono i codici html per creare le parti colorare del tuo sito o vuoi semplicemente scrivere una frase con i colori diversi ma non sai dove andarli a trovare? Non c’è nessun problema, ti aiutiamo noi! Qui ti mostreremo gran parte dei codici dei colori da usare in linguaggio html.

Continua a leggere l’articolo e naviga tra tutti i colori a tua disposizione. Preleva poi il codice ed inseriscilo del codice html da modificare.  Nel Web, ogni colore viene abbinato ad un codice. Qui ti daremo la possibilità di utilizzare questi codici per colorare tutto ciò che vuoi.

Cosa sono i codici dei colori HTML?

Colori HTML

I codici dei colori HTML sono triplette esadecimali, che rappresentano i colori rosso, verde e blu. Ogni codice è univoco rispetto ad un colore, per cui le combinazioni sono sempre precise. La notazione esadecimale non è altro che un modo differente per esprimere valori RGB dove i valori da 0 a 255 sono rappresentati, rispettivamente, da “00” a “FF”.

#A0CE00 ALICEBLUE #FAEBD7 ANTIQUEWHITE
#00FFFF AQUA #7FFFD4 AQUAMARINE
#F0FFFF AZURE #F5F5DC BEIGE
#FFE4C4 BISQUE #000000 BLACK
#FFEBCD BLANCHEDALMOND #0000FF BLUE
#8A2BE2 BLUEVIOLET #A52A2A BROWN
#DEB887 BURLYWOOD #5F9EA0 CADETBLUE
#7FFF00 CHARTREUSE #D2691E CHOCOLATE
#FF7F50 CORAL #6495ED CORNFLOWERBLUE
#FFF8DC CORNSILK #DC143C CRIMSON
#00FFFF CYAN #00008B DARKBLUE
#483D8B DARKSLATEBLUE #008B8B DARKCYAN
#B8860B DARKGOLDENROD #A9A9A9 DARKGRAY
#FF1493 DEEPPINK #00BFFF DEEPSKYBLUE
#696969 DIMGRAY #1E90FF DODGERBLUE
#822222 FIREBRICK #FFFAF0 FLORALWHITE
#228B22 FORESTGREEN #FF00FF FUCHSIA
#DCDCDC GAINSBORO #F8F8FF GHOSTWHITE
#FFD700 GOLD #DAA520 GOLDENROD
#808080 GRAY #008800 GREEN
#ADFF2F GREENYELLOW #F0FFF0 HONEYDEW
#FF69B4 HOTPINK #CD5C5C INDIANRED
#4B0082 INDIGO #FFFFF0 IVORY
#FFF0F5 LAVENDERBLUSH #FFFACD LEMONCHIFFON
#ADD8E6 LIGHTBLUE #F08080 LIGHTCORAL
#E0FFFF LIGHTCYAN #FAFAD2 LIGHTGOLDENRODYELLOW
#90EE90 LIGHTGREEN #D3D3D3 LIGHTGRAY
#FFB6C1 LIGHTPINK #FFA07A LIGHTSALMON
#20B2AA LIGHTSEAGREEN #87CEFA LIGHTSKYBLUE
#778899 LIGHTSLATEGRAY #B0C4DE LIGHTSTEELBLUE
#FFFFE0 LIGHTYELLOW #00FF00 LIME
#32CD32 LIMEGREEN #FAF0E6 LINEN
#FF00FF MAGENTA #800000 MAROON
#66CDAA MEDIUMAQUAMARINE #0000CD MEDIUMBLUE
#BA55D3 MEDIUMMORCHID #9370DB MEDIUMPURPLE
#3CB371 MEDIUMSEAGREEN #7B68EE MEDIUMSLATEBLUE
#00FA9A MEDIUMSPRINGGREEN #48D1CC MEDIUMTORQUOISE
#C71585 MEDIUMVIOLETRED #191970 MIDNIGHTBLUE
#F5FFFA MINTCREAM #FFE4E1 MISTYROSE
#FFDEAD NAVAJOWHITE #000080 NAVY
#FDF5E6 OLDLACE #808000 OLIVE
#6B8E23 OLIVEDRAB #FFA500 ORANGE
#FF4500 ORANGERED #DA70D6 ORCHID
#EEE8AA PALEGOLDENROD #98FB98 PALEGREEN
#AFEEEE PALETURQUOISE #DB7093 PALEVIOLETRED
#FFEFD5 PAPAYAWHIP #FFDAB9 PEACHPUFF
#CD853F PERU #FFC0CB PINK
#DDA0DD PLUM #B0E0E6 POWDERBLUE
#800080 PURPLE #FF0000 RED
“#BC8F8F ROSYBROWN #4169E1 ROYALBLUE
#8B4513 SADDLEBROWN #FA8072 SALMON
#F4A460 SANDYBROWN #2E8B57 SEAGREEN
#FFF5EE SEASHELL #A0522D SIENNA
#C0C0C0 SILVER #87CEEB SKYBLUE
#6A5ACD SLATEBLUE #708090 SLATEGRAY
#FFFAFA SNOW #00FF7F SPRINGGREEN
#468284 STEELBLUE #D2B48C TAN
#008080 TEAL #D8BFD8 THISTLE
#FF6347 TOMATO #40E0D0 TURQUOISE
#EE82EE VIOLET #F5DEB3 WHEAT
#FFFFFF WHITE #F5F5F5 WHITESMOKE
#FFFF00 YELLOW #9ACD32 YELLOWGREEN

Come colorare una scritta con HTML e CSS?

Usare i codici per colorare una scritta con i due linguaggi è fondamentalmente simile nella logica ma cambia un pochino nella forma. Ormai la semplice implementazione html è diventata obsoleta, e si preferisce la versione CSS. Ecco alcuni esempi che ti possono aiutare a colorare la tua frase con i codici dei colori html:

Colorare una scritta in HTML: 

<font color="#FF0000">testo rosso</font>

Colorare una scritta con il CSS: 

Per poter colorare una frase con il CSS, bisogna prima definire una classe all’interno del foglio di stile (all’interno dei tag <head> e </head>) per poter applicare correttamente il colore ad una stringa di testo:

<style type="text/css">
.testo-rosso {
  color: #FF0000;
}
</style>

Per poi utilizzarla così all’interno del documento HTML:

<p>
  Testo scritto in <span class="testo-rosso">rosso</span>
</p>

Bene, ti abbiamo fatto vedere la tabella dei colori html, cosa significa il codice nello specifico e come usarli per colorare una frase. Speriamo di esservi stati di aiuto, ciao e alla prossima!