256 sfumature di grigio

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!