Tweet

CSS | Birimler

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

İlgili Olabilecek Makaleler


Yorumlar (0)




Ziyaretçi olarak yorum yazamazsınız. Üye olmak için tıklayın Üye iseniz giriş yapın.



MENÜ » FORUM
Menü » Takip et
RSS Facebook Twitter Friendfeed
Sık Kullanılanlar Google Yahoo Live
Menü » Paylaş
E-Posta ile gönder Twitter Facebook Friendfeed
Buzz Stumbleupon Delicious Digg