Tanımlı Renkler
Isimleri ile cagrılabilecek ve yaygın tarayıcıların desteklediği 16 ana renk
vardır. Bu 16 renk Windows isletim sisteminden geliyor. Windows'un ilk
zamanlarında VGA monitörlerde kullanılabilen renkler bu 16 renk idi. Bu
standart 16 renk haricinde bazı tarayıcı'ların tanıdığı renkler de mevcuttur.
Mesela orange" 16 renk icerisinde olmamasına rağmen bazı tarayıcı'larda
kullanabilirsiniz.
RGB Kullanarak Renk Tanımı
RGB kelimesi Red, Green ve Blue kelimelerinin baş harflerinde olusturlmuştur.
Kırmızı, Yesil ve Mavi renkleri karıştırarak bütün renkleri ifade etmek mümkü
ndür gerçegine dayanır. Bu sistemde hangi renkten ne kadar katkı yapılacağı
belirlenir ve buna göre renk oluşturulur.
CODE:
rgb(100%, 100%, 100%)
Yukarıdaki örnekte 3 ana renkten 100%'lük katkılar sağlanarak bir renk
oluşturuluyor. Bu beyaz renge karşılık gelmektedir. Aşağıdaki örnekte gri
rengin tonlarını nasıl elde edebileceğimizi görüyoruz.
CODE:
<h1 class="bir">H1 class="bir" tipinde bir başlık<h1>
<h1 class="iki">H1 class="iki" tipinde bir başlık<h1>
<h1 class="uc">H1 class="uc" tipinde bir başlık<h1>
<h1 class="dort">H1 class="dort" tipinde bir başlık<h1>
<h1 class="bes">H1 class="bes" tipinde bir başlık<h1>
<h1 class="alti">H1 class="alti" tipinde bir başlık<h1>
h1.bir {color: rgb(0%,0%,0%);}
h1.iki {color: rgb(20%,20%,20%);}
h1.uc {color: rgb(40%,40%,40%);}
h1.dort {color: rgb(60%,60%,60%);}
h1.bes {color: rgb(80%,80%,80%);}
h1.alti {color: rgb(100%,100%,100%);}
Sayılar Kullanarak Renk Tanımı
Yüzdelik ifade yerine sayı kullanarak da renkleri ifade edebiliriz. Bu sayılar
0 ile 255 rakamları arasında olmak zorundadır.
CODE:
rgb(255,255,255)
Yukarıdaki örnekte beyaz reng tanımlanmıştır.
Hexadecimal Kullanarak Renk Tanımı
Bu yöntemde belirli bir renge karşılık gelen hexadecimal sayılar kullanılır.
CODE:
h1 {color: #FFFFFF;}
Dikkat etmesi gereken nokta sayıdan önce #simgesinin kullanılmasıdır.
Dia
okanatabag@gmail.com
20 Mart 2006 15:23