HTML-kleurtinten
Tinten grijs
Grijze kleuren worden weergegeven met een gelijke hoeveelheid stroom naar alle lichtbronnen.
Om het je makkelijk te maken om een grijze kleur te kiezen hebben we een tabel met grijstinten voor je samengesteld:
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) |
Een anomalie in de bovenstaande tabel is dat HTML Grey donkerder is dan DarkGray.
De kleurnamen van HTML/CSS zijn overgenomen van de X11-standaard .
HTML / CSS definieerde grijs in het midden van de 8-bits grijsschaal (128.128.128).
X11 definieerde grijs als (190,190,190); wat dichter bij HTML zilver ligt.
Grijze / grijze webkleuren
Er zijn verschillende grijze kleurnamen in HTML / CSS.
Alle grijze kleuren worden gespeld als grijs (niet grijs).
Deze spelling is overgenomen van de X11-standaard .
Alle moderne browsers accepteren zowel grijs als grijs, maar vroege versies van Internet Explorer herkenden grijs niet
Tinten Rood
Als je naar de onderstaande kleurentabel kijkt, zie je het resultaat van het variëren van het rode licht van 0 tot 255, terwijl het groene en blauwe licht op nul blijft.
Klik op de hexadecimale waarden als u de kleur wilt analyseren in onze kleurenkiezer.
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 miljoen verschillende kleuren
De combinatie van Rood, Groen en Blauw waarden van 0 tot 255 geeft in totaal meer dan 16 miljoen verschillende kleuren om mee te spelen (256 x 256 x 256).
De meeste moderne monitoren kunnen ten minste 16384 verschillende kleuren weergeven.
Webveilige kleuren?
Vele jaren geleden, toen computers maximaal 256 verschillende kleuren ondersteunden, werd een lijst met 216 "Web Safe Colors" voorgesteld als een webstandaard (met behoud van 40 vaste systeemkleuren).
Dit is nu niet belangrijk, aangezien de meeste computers miljoenen verschillende kleuren kunnen weergeven.
Dit 216 hexadecimale kleurenpalet voor meerdere browsers is gemaakt om ervoor te zorgen dat alle computers de kleuren correct zouden weergeven bij het uitvoeren van een 256 kleurenpalet:
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 |