BiLgi Dünyası

RGB renk değerlerini kullanma

Onaltı tane rengi kullanmak herzaman yeterli olmamaktadır. Bu nedenle RGB değerleri ile istediğimiz rengi tanımlayabiliriz.

RGB açılım olarak RED-GREEN-BLUE yani KIRMIZI-YEŞİL-MAVİ anlamındadır. Bu üç rengin karışımı kullanılarak istenilen renk ortaya çıkarılır. Burada her renk değeri için 0 ile 255 arasında bir tamsayı girilmek zorundadır. Mesela iyi anlaşılabilmesi için mavi rengin kodunu verelim 000 000 255 kırmız ve yeşilin renk değerlerini 0 yaptık mavinin renk değerini ise 255 olarak atadık ve ortaya mavi renk çıktı.

Yine siyah için 000-000-000 yani tüm renk değerlerini sıfıra eşitledik, beyaz için ise 255-255-255 değerlerini kullanmamız gerekmektedir. Bu değerler ile oynanarak istenilen renk elde edilebilir.

Fakat renk kodlarını html belgesi içerisinde kullanabilmek için onaltılık sistemde yazmamız gerekmektedir. Bu nedenle onluksistemdeki sayıları onaltılık sisteme çevirerek kullanabiliriz. Bu durumda mavi için 0000FF, siyah için 000000, beyaz için ise FFFFFF renk kodları kullanılacaktır.

Htmlde bu renk kodları kullanılırken önüne diyez ( # ) işaredi getirilir. Mesela yeşil için #00FF00 kodu kullanılacaktır. Bir örnek üzerinde görelim şimdide yazımızı biraz sarartalım :


Yazı rengi değişecek
     <FONT COLOR="#FFFF40">
     bu bölümdeki yazılar sarı renktedir
     </FONT>
tekrar eski renge döndük.

Bu ifadeler aşağıdaki sonuca neden olacaktır :

Yazı rengi değişecek bu bölümdeki yazılar sarı renktedir tekrar eski renge döndük.

Renklerin RGB değerlerini bulan değişik programlar bulunmakla beraber genelde her resim programında renk seçimi yapılırken bu değerlere ulaşılabilir. Mesela PaintShopPro resim programında renk seçimi yapılırken HTML Code yazan kutucukta tam olarak HTML kodu verilmektedir. Bunu aşağıdaki resimde görebilirsiniz :

Paint Shop Pro resim programında renk kodunun bulunması
PaintShopPro programında RGB renk değeri.

İstediğiniz rengi bu programda seçerek html renk değerini bulabilirsiniz. Artık <BODY> tagının özelliklerini görebiliriz.

Ana Menü

Wepmaster özel

Tasarımlar

WepDersleri Özel

RGB renk değerlerini kullanma