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.

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.

<h1 class="bir">H1 class="bir" tipinde bir başlık</h1><h1>

</h1><h1 class="iki">H1 class="iki" tipinde bir başlık</h1><h1>

</h1><h1 class="uc">H1 class="uc" tipinde bir başlık</h1><h1>

</h1><h1 class="dort">H1 class="dort" tipinde bir başlık</h1><h1>

</h1><h1 class="bes">H1 class="bes" tipinde bir başlık</h1><h1>

</h1><h1 class="alti">H1 class="alti" tipinde bir başlık</h1><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.

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.

h1 {color: #FFFFFF;}

Dikkat etmesi gereken nokta sayıdan önce #simgesinin kullanılmasıdır.

Okan ATABAĞ

Benzer Yazılar

• CSS İle Radius (Oval) Kenarlar
• CSS ve HTML Arasındaki Fark
• CSS Giriş
• CSS | Hizalama
• CSS | Renkler ve Arkaplanlar
• CSS | Fontlar
• CSS | Metin İşlemleri
• CSS | Uzunluk Birimleri
• CSS | Söz Dizilimi
• CSS | Tarayıcıya css tanıtmak