I colori in HTML si rappresentano secondo lo standard RGB (Red, Green, Blue) che si basa sulla combinazione dei tre colori fondamentali Rosso, Verde e Blu
A ciascuno di questi tre colori è possiblie assegnare un valore esadecimale compreso tra “00” e “FF” (corrispondenti a 0 e 255) combinandoli in modo da ottenere la tonalità desiderata.
Si ottengono in questo modo dei codici di sei cifre che vanno sempre preceduti dal simbolo # e compresi tra apici.
<p style=”color: #FF0000;“>A red paragraph</p>
se scomponiamo il colore in (Red) FF (Green) 00 (Blue) 00 in tre piccole coppie ci accorgiamo che stiamo dicendo al parser html di considerare “tutto il rosso che puoi” (FF), niente verde e niente blue.
Facile no? Ma il grigio, come si fa? C’è chi ne considera 50 di sfumature, ma quella è un’altra storia.
Le 256 sfumature di grigio (considerando 8 bits) si ottengono così:
In pratica i grigi vengono creati dando eguale quantità ad ognuna delle sorgenti; scompattate la colonna “Color HEX” in tre coppie e vi accorgete che è così.
A questa tabella ne mancano diverse di sfumature (#EEEEEE, #111111) e così via, ma il concetto è abbastanza chiaro no?
| Gray Shades | Color HEX | Color RGB |
|---|---|---|
| #000000 | rgb(0,0,0) | |
| #080808 | rgb(8,8,8) | |
| #101010 | rgb(16,16,16) | |
| #181818 | rgb(24,24,24) | |
| #202020 | rgb(32,32,32) | |
| #282828 | rgb(40,40,40) | |
| #303030 | rgb(48,48,48) | |
| #383838 | rgb(56,56,56) | |
| #404040 | rgb(64,64,64) | |
| #484848 | rgb(72,72,72) | |
| #505050 | rgb(80,80,80) | |
| #585858 | rgb(88,88,88) | |
| #606060 | rgb(96,96,96) | |
| #686868 | rgb(104,104,104) | |
| #707070 | rgb(112,112,112) | |
| #787878 | rgb(120,120,120) | |
| #808080 | rgb(128,128,128) | |
| #888888 | rgb(136,136,136) | |
| #909090 | rgb(144,144,144) | |
| #989898 | rgb(152,152,152) | |
| #A0A0A0 | rgb(160,160,160) | |
| #A8A8A8 | rgb(168,168,168) | |
| #B0B0B0 | rgb(176,176,176) | |
| #B8B8B8 | rgb(184,184,184) | |
| #C0C0C0 | rgb(192,192,192) | |
| #C8C8C8 | rgb(200,200,200) | |
| #D0D0D0 | rgb(208,208,208) | |
| #D8D8D8 | rgb(216,216,216) | |
| #E0E0E0 | rgb(224,224,224) | |
| #E8E8E8 | rgb(232,232,232) | |
| #F0F0F0 | rgb(240,240,240) | |
| #F8F8F8 | rgb(248,248,248) | |
| #FFFFFF | rgb(255,255,255) |
In sostanza in questa utilissima pagina W3C Schools HTML COLORS troverete una serie di tabelle che vi conviene usare.
Stay Gray!
