HTML Renk Değerleri
DERS NO |
15 |
KONU |
HTML RENK DEĞERLERİ |
HTML Renk Değerleri
Renkler, kırmızı (RED), yeşil (GREEN), mavi (BLUE) renklerinin kombinasyonu ile üretilir.
Renk Değerleri
HTML renkleri hexadecimal değerler ile RGB (kırmızı yeşil mavi) kombinasyonu ile belirtilebilir.
En düşük değer 0 (hex #00) ve en yüksek değer de 255'tir (hex #FF).
Kırmızı Rengini Kapatmak
Eğer kırmızı rengini kapatırsanız geriye 65536 (256 x 256) tane yeşil ve mavi kombinasyonundan oluşan renk paleti kalır.
Kırmızı Rengini Açmak
Eğer kırmızı rengini açarsanız geriye 65536 (256 x 256) tane yeşil ve mavi kombinasyonundan oluşan renk paleti kalır.
16 Milyon Farklı Renk
Kırmızı, yeşil ve mavi renklerinin her birinin 256 tane değişik tonu vardır. Bu üçünün kombinasyonu ile 16 milyon tane (256 x 256 x 256) tane renk üretebilirsiniz.
Bir çok son model monitör en az 16384 tane farklı rengi gösterebilmektedir.
Aşağıdaki tabloyu incelerseniz, kırmızının 256 tane değişik tonunu görebilirsiniz. (Mavi ve yeşil kapalıdır.)
rgb(0,0,0)
Kırmızı |
HEX |
RGB |
|
#000000 |
<rgb(0,0,0) ></rgb(0,0,0) > |
|
#080000 |
rgb(8,0,0) |
|
#100000 |
rgb(16,0,0) |
|
#180000 |
rgb(24,0,0) |
|
#200000 |
rgb(32,0,0) |
|
#280000 |
rgb(40,0,0) |
|
#300000 |
rgb(48,0,0) |
|
#380000 |
rgb(560,0) |
|
#400000 |
rgb(64,0,0) |
|
#480000 |
rgb(72,0,0) |
|
#500000 |
rgb(80,,0) |
|
#580000 |
rgb(88,0,0) |
|
#600000 |
rgb(96,0,0) |
|
#680000 |
rgb(1040,0) |
|
#700000 |
rgb(112,0,0) |
|
#780000 |
rgb(120,0,0) |
|
#800000 |
rgb(128,0,0) |
|
#880000 |
rgb(136,0,0) |
|
#900000 |
rgb(144,00) |
|
#980000 |
rgb(152,0,0) |
|
#A00000 |
rgb(160,0,0) |
|
#A80000 |
rgb(16,0,0) |
|
#B00000 |
rgb(176,0,0) |
|
#800000 |
rgb(184,0,0) |
|
#C00000 |
rgb192,0,0) |
|
#C80000 |
rgb(200,0,0) |
|
#D00000 |
rgb(208,0,0) |
|
#D80000 |
rgb(216,0,0) |
|
#E00000 |
rgb(224,0,0) |
|
#E80000 |
rgb(232,00) |
|
#F00000 |
rgb(240,0,0) |
|
#F80000 |
rgb(248,0,0) |
|
#FF0000 |
rgb(255,0,0) |
Gri'nin gölgeleri
Gri rengi aşağıda her ana ışık renklerinden eşit miktarda alınarak oluşturulabilir:
|
RGB(0,0,0) |
#000000 |
none repeat scroll 0% 0%; width: 57%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> |
RGB(8,8,8) |
#080808 |
|
RGB(16,16,16) |
#101010 |
|
RGB(24,24,24) |
#181818 |
|
RGB(32,32,32) |
#202020 |
|
RGB(40,40,40) |
#282828 |
|
RGB(48,48,48) |
#303030 |
|
RGB(56,56,56) |
#383838 |
|
RGB(64,64,64) |
#404040 |
|
RGB(72,72,72) |
#484848 |
|
RGB(80,80,80) |
#505050 |
|
RGB(88,88,88) |
#585858 |
|
RGB(96,96,96) |
#606060 |
|
RGB(104,104,104) |
#686868 |
|
RGB(112,112,112) |
#707070 |
|
RGB(120,120,120) |
#787878 |
|
RGB(128,128,128) |
#808080 |
|
RGB(136,136,136) |
#888888 |
|
RGB(144,144,144) |
#909090 |
|
RGB(152,152,152) |
#989898 |
|
RGB(160,160,160) |
#A0A0A0 |
|
RGB(168,168,168) |
#A8A8A8 |
|
RGB(176,176,176) |
#B0B0B0 |
|
RGB(184,184,184) |
#B8B8B8 |
|
RGB(192,192,192) |
#C0C0C0 |
|
RGB(200,200,200) |
#C8C8C8 |
|
RGB(208,208,208) |
#D0D0D0 |
|
RGB(216,216,216) |
#D8D8D8 |
|
RGB(224,224,224) |
#E0E0E0 |
|
RGB(232,232,232) |
#E8E8E8 |
|
RGB(240,240,240) |
#F0F0F0 |
|
RGB(248,248,248) |
#F8F8F8 |
|
RGB(255,255,255) |
#FFFFFF |