HTML-Farbschattierungen
Grautöne
Graue Farben werden unter Verwendung einer gleichen Energiemenge für alle Lichtquellen angezeigt.
Um Ihnen die Auswahl eines Grautons zu erleichtern, haben wir für Sie eine Tabelle mit Grautönen zusammengestellt:
| 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) |
Eine Anomalie in der obigen Tabelle ist, dass HTML Grey dunkler als DarkGray ist.
Die Farbnamen von HTML/CSS wurden vom X11-Standard geerbt .
HTML/CSS definiert Grau am Mittelpunkt der 8-Bit-Grauskala (128,128,128).
X11 hat grau als (190,190,190) definiert; was näher an HTML-Silber liegt.
Grau / Graue Webfarben
Es gibt mehrere graue Farbnamen in HTML / CSS.
Alle grauen Farben werden als grau (nicht grau) geschrieben.
Diese Schreibweise wurde vom X11-Standard übernommen .
Alle modernen Browser akzeptieren sowohl Grau als auch Grau, aber frühere Versionen von Internet Explorer haben Grau nicht erkannt
Schattierungen von Rot
Wenn Sie sich die Farbtabelle unten ansehen, sehen Sie das Ergebnis der Variation des roten Lichts von 0 bis 255, während das grüne und blaue Licht auf Null gehalten wird.
Klicken Sie auf die Hexadezimalwerte, wenn Sie die Farbe in unserem Farbwähler analysieren möchten.
| 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 Millionen verschiedene Farben
Die Kombination von Rot-, Grün- und Blauwerten von 0 bis 255 ergibt insgesamt mehr als 16 Millionen verschiedene Farben zum Spielen (256 x 256 x 256).
Die meisten modernen Monitore können mindestens 16384 verschiedene Farben darstellen.
Websichere Farben?
Vor vielen Jahren, als Computer maximal 256 verschiedene Farben unterstützten, wurde eine Liste mit 216 "Web Safe Colors" als Webstandard vorgeschlagen (40 feste Systemfarben reserviert).
Dies ist jetzt nicht wichtig, da die meisten Computer Millionen verschiedener Farben darstellen können.
Diese Cross-Browser-Farbpalette mit 216 Hex-Werten wurde erstellt, um sicherzustellen, dass alle Computer die Farben korrekt anzeigen, wenn eine 256-Farbpalette ausgeführt wird:
| 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 |