LinkTr Forumları (Arşiv Ana sayfa) => HTML - CSS

Konu: HTML Dersleri - Bölüm 14 - HTML Dilinde Renk Gösterimi

Sayfa: [ 1 ]

reptile 02.02.2009 14:44:02
HTML de renk ayarlarını önceki derste oldugu gibi yapabilsek te bu yöntem sadece 16 tane renk seçenegi sunar. Bu da Internet’te olan çok degisik web sayfası tasarımı için yetersiz kalır. Her ne kadar dogadaki ana renkler sinirli olsa da, bu ana renklerin karısımından olusan milyonlarca çesit renk vardır. İste insanlar bu zengin renk kombinezonlarını web sayfası tasarımında da kullanmak isterler. Bu çok farklı amaçlar için tasarlanmıs web sayfalarının olusturulabilmesi için bir gerekliliktir. İste bu farklı uygulamaların ihtiyacını karsılamak için HTML de ana renkleri karıstırarak çok sayıda farklı renk olusturma imkânını sunar.

Dogadaki renklerin çogu üç ana rengin karısımı olarak tanımlanabilir. Bunlar kırmızı,
yesil ve mavi renkleridir. Genel olarak bilgisayarlarda renkler bu üç rengin karısımı olarak gösterilirler. Dolayısıyla HTML dilinde de ayni sekilde renkler bu üç rengin karısımı olarak gösterilirler.

Her rengin alacagı 256 degisik deger vardır. Eger bir rengin degeri 0 ise o rengin
karısımda etkisi hiç yoktur. Degeri 255 ise etkisi maksimum seviyededir. Bu üç rengin karısımı 16’lik sistemde gösterilir. Dolayısıyla bir renk çesidinin alacagı minimum deger 00 iken, maksimum deger FF’tir. Yani 255’in 16’lik sistemdeki karsılıgı FF sayısıdır.

Bu üç renk su sekilde karıstırılır. İlk renk kırmızı, ikinci renk yesil ve üçüncü renk ise
mavidir. Her rengin 16’lik sistemdeki degerleri yan yana yazılır. Asagıda kırmızı, yesil ve mavinin bu sekilde tanımlanmıs hali gözükmektedir:

KırmızıFF0000
Yeşil00FF00
Mavi0000FF

Gözüktügü gibi kırmızı rengi elde ederken kırmızı karısımı maksimum iken diger iki
rengin degeri sıfırdır. Böylelikle bu renkte tek karısım var. O da kırmızı. Dolayısıyla bu tam kırmızı rengini gösterir. Benzer sekilde yesil ve mavide de diger iki rengin degerleri sıfır. Simdi diger birkaç karısımı daha görelim.

Siyah000000
Gri808080
SarıFFFF00

Eger üç rengin hepsinin de degerleri sıfır ise, bu durumda ortaya çıkan renk siyah olur. Eger bütün renkler yari degerleriyle karıstırılırlarsa bu durumda ortaya çıkan renk gri olur. 16’lik sistemde FF sayisinin yarısının 80 olduguna dikkat ediniz. Eger tam kırmızı ile tam yesil karıstırılırsa bu durumda oraya çıkan renk sari olur.

Bu sekilde üç temel rengi farklı tonlarda karıstırarak çok farklı renkler elde ederiz. Her rengin 256 farklı degeri oldugu için toplam elde edebilecegimiz farklı renk sayısı:

Toplam renk çesidi: 256*256*256 = 16,777,216

Yani 16 milyondan fazla farklı renk HTML ile gösterilebilir.

Yukarıdaki aqua renginin bu sistemdeki karsılıgı 00FFFF sayısıdır. Yani tam yesil ile tam mavinin karısımıdır. Simdi aynı sayfada aqua kelimesi yerine bu sayıyı kullanalım.

Kod:
<html>
<head> <title>Arka Plan Rengi Testi</title> </head>
<body bgcolor="#00FFFF">
<h3 align="center">Karacaoglan</h3>
<p align="right">Yasamı üstüne kesin bilgi yoktur. Bugüne degin
yapılan inceleme ve arastırmalara göre 17.yy'da yasamıstır.
Cukurova bolgesinde yasadigi sanilmaktadir.</p>
</body>
</html>

Bu durumda bgcolor özniteligin degeri yazılırken renk sayisinin önüne # isareti konulur. Bunun amacı rengin degerinin bir renk adi degil, renklerin karısımını gösteren 16’ik bir sayı oldugunu ifade etmek içindir.

Internet’te birçok sayfada hangi karısımın hangi renge karsılık geldigine dair bilgiler
vardır. Örnegin http://www.w3schools.com/html/html_colornames.asp sayfasında 100’den fazla farklı rengin 16’lik sistemdeki karısım karsılıgı verilmistir. Bu sayfalarda verilen 16’lik düzlemdeki renk degerini web sayfalarınızda kullanabilirsiniz.

Alıntılarda www.linktr.org kaynak olarak gösteriniz
reptile / www.LinkTr.Org / 02.02.2009


Sayfa: [ 1 ]