Sfumature di colore HTML
Sfumature di grigio
I colori grigi vengono visualizzati utilizzando una quantità uguale di energia per tutte le sorgenti luminose.
Per semplificare la selezione di un colore grigio, abbiamo compilato per te una tabella di sfumature di grigio:
| Gray Shades | HEX | RGB |
|---|---|---|
| HTML Black | #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) | |
| HTML DimGray | #696969 | rgb(105,105,105) |
| #707070 | rgb(112,112,112) | |
| #787878 | rgb(120,120,120) | |
| HTML Gray | #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) | |
| HTML DarkGray !!! | #A9A9A9 | rgb(169,169,169) |
| #B0B0B0 | rgb(176,176,176) | |
| #B8B8B8 | rgb(184,184,184) | |
| X11 Gray | #BEBEBE | rgb(190,190,190) |
| HTML Silver | #C0C0C0 | rgb(192,192,192) |
| #C8C8C8 | rgb(200,200,200) | |
| #D0D0D0 | rgb(208,208,208) | |
| HTML LightGray | #D3D3D3 | rgb(211,211,211) |
| #D8D8D8 | rgb(216,216,216) | |
| HTML Gainsboro | #DCDCDC | rgb(220,220,220) |
| #E0E0E0 | rgb(224,224,224) | |
| #E8E8E8 | rgb(232,232,232) | |
| #F0F0F0 | rgb(240,240,240) | |
| HTML WhiteSmoke | #F5F5F5 | rgb(245,245,245) |
| #F8F8F8 | rgb(248,248,248) | |
| HTML White | #FFFFFF | rgb(255,255,255) |
Un'anomalia nella tabella sopra è che HTML Grey è più scuro di DarkGray.
I nomi dei colori di HTML/CSS sono stati ereditati dallo standard X11 .
HTML / CSS ha definito il grigio al centro della scala di grigi a 8 bit (128,128,128).
X11 ha definito il grigio come (190,190,190); che è più vicino all'argento HTML.
Colori Web grigio/grigio
Ci sono diversi nomi di colori grigi in HTML / CSS.
Tutti i colori grigi sono scritti come grigi (non grigi).
Questa ortografia è stata ereditata dallo standard X11 .
Tutti i browser moderni accettano sia il grigio che il grigio, ma le prime versioni di Internet Explorer non riconoscevano il grigio
Sfumature di rosso
Se guardi la tabella dei colori qui sotto, vedrai il risultato della variazione della luce rossa da 0 a 255, mantenendo la luce verde e blu a zero.
Fare clic sui valori esadecimali, se si desidera analizzare il colore nel nostro selettore di colori.
| Red Light | HEX | RGB |
|---|---|---|
| rgb(0,0,0) | ||
| rgb(8,0,0) | ||
| rgb(16,0,0) | ||
| rgb(24,0,0) | ||
| rgb(32,0,0) | ||
| rgb(40,0,0) | ||
| rgb(48,0,0) | ||
| rgb(56,0,0) | ||
| rgb(64,0,0) | ||
| rgb(72,0,0) | ||
| rgb(80,0,0) | ||
| rgb(88,0,0) | ||
| rgb(96,0,0) | ||
| rgb(104,0,0) | ||
| rgb(112,0,0) | ||
| rgb(120,0,0) | ||
| rgb(128,0,0) | ||
| rgb(136,0,0) | ||
| rgb(144,0,0) | ||
| rgb(152,0,0) | ||
| rgb(160,0,0) | ||
| rgb(168,0,0) | ||
| rgb(176,0,0) | ||
| rgb(184,0,0) | ||
| rgb(192,0,0) | ||
| rgb(200,0,0) | ||
| rgb(208,0,0) | ||
| rgb(216,0,0) | ||
| rgb(224,0,0) | ||
| rgb(232,0,0) | ||
| rgb(240,0,0) | ||
| rgb(248,0,0) | ||
| rgb(255,0,0) |
16 milioni di colori diversi
La combinazione dei valori di Rosso, Verde e Blu da 0 a 255 offre un totale di oltre 16 milioni di colori diversi con cui giocare (256 x 256 x 256).
La maggior parte dei monitor moderni è in grado di visualizzare almeno 16384 colori diversi.
Colori sicuri per il Web?
Molti anni fa, quando i computer supportavano un massimo di 256 colori diversi, veniva suggerito un elenco di 216 "Colori Web Safe" come standard Web (riservando 40 colori di sistema fissi).
Questo non è importante ora, poiché la maggior parte dei computer può visualizzare milioni di colori diversi.
Questa tavolozza di colori cross-browser di 216 valori esadecimali è stata creata per garantire che tutti i computer visualizzino i colori correttamente durante l'esecuzione di una tavolozza di 256 colori:
| 000000 | 000033 | 000066 | 000099 | 0000CC | 0000FF |
| 003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
| 006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
| 009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
| 00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
| 00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
| 330000 | 330033 | 330066 | 330099 | 3300CC | 3300FF |
| 333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
| 336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
| 339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
| 33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
| 33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
| 660000 | 660033 | 660066 | 660099 | 6600CC | 6600FF |
| 663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
| 666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
| 669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
| 66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
| 66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
| 990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
| 993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
| 996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
| 999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
| 99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
| 99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
| CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
| CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
| CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
| CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
| CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
| CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
| FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
| FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
| FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
| FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
| FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
| FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |