HTML Renk Kodları
HTML Renk Kodları : Renk kodları her renk için ayrı bir yazılı 3, 6 veya 9 karakterli olmak üzere harf ve sayı dizisi olarak karşımıza çıkmaktadır. Renk kodunun kullanımı Web tasarımda gerçek anlamda işlerin bir çoğunda gerçekleşmektedir. Hatta Web sitesi yapımında büyük öneme sahiptir.
Renk kodlarının kullanımı ve örnekler hakkında aşağıda sizlere bir çok örnek vereceğim ama ondan önce renkler nereden türemiş sizlere bahsetmek istiyorum.
Her rengin kendine özgü bir kodu vardır ve bu renk kodu sadece o renk kodu için kullanır tüm Dünyada bu evrenseldir.Renk kodları 2 sınıfa ayrılmaktadır.
Bunlar;
- Hexadecimal Kod
- Desimal Kod RGB
Renkler Elektronik Ortama Nasıl Taşınır?
Renklerin elektronik ortama taşınabilmesi için piksel yapılarına uygun üretilmeleri gerekmektedir. Bunun sebeple 3 temel renk belirli kullanımıyla istediğiniz renk elde edilmektedir.
Peki bu 3 temel renk nedir? Aşağıda RGB‘nin açılımını sizlerle paylaşıyorum.
- R : Red (Kırmızı)
- G : Green (Yeşil)
- B : Blue (Mavi)
Renklerin oluşturulması temeli bu 3 rengin karşımı ile elde edilmektedir. Renk kodlarının oluşumunda da bu renklerin üzerinden belirli rakamlar veya harfler verilerek renk oluşturulur.
Hexadecimal Renk Kodu Nedir?
HTML ve elektronik ortamda renk kodu karşılığı veren bir kod çeşididir. 6 karakterden oluşur veya bazı kısa yazım stillerinde 3 karakter olarak da yazılır ve bu karakterler içinde Harf ve rakam bulunmaktadır. Web tasarım içinde her rengin kendine özgü kodu bulunmaktadır. Aşağıda sizlere örnekle göstermeye çalışayım.
Renklerin kullanımında sayıların başlarına #(kare) işareti konulmalıdır.
Örnek :
Renk Kodu | Renk | Ton |
#000000 | Siyah | |
#f00000 | Kırmızı | |
#ffffff | Beyaz | |
#3300ff | Mavi | |
#ff6600 | Turuncu | |
#003300 | Yeşil | |
#009531 | İslam Yeşili | |
#ffff00 | Sarı | |
#a22ea2 | Mor | |
#ff00ff | Pembe | |
#ff66ff | Ela | |
#66ffff | Turkuaz | |
#66ff00 | Fıstık Yeşili | |
#611919 | Kahverengi | |
#660000 | Koyu Kahverengi | |
#808080 | Gri | |
#808080 | Koyu Gri | |
#00acf8 | Açık Mavi | |
#ec5700 | Koyu Turuncu |
Yukarıdaki renklerden daha farklı bir renk arıyorsanız size adobe color sitesini öneririm. Renk kombinasyonları ve uyumlu renkleri aynı çatı altında bulabileceğiniz kaliteli bir sitedir.
Desimal Kod RGB
Desimal Renk kodu ise 6 haneli renk kodlarının karşılığı olan 3 parametreli 9 karakter içeren renk kodu biçimidir. Bu biçim Hexadecimal renk kodu biçiminden daha uzun yazılıyor olup aynı işlemi yapmakta ve aynı rengi vermektedir.
Kullanım alanına göre değişiklik göstermektedir.
Örnek;
Renk | Desimal Renk Kodu |
---|---|
Siyah | rgb(0, 0, 0) |
Beyaz | rgb(255, 255, 255) |
Mavi | rgb(51, 0, 255) |
Turucu | rgb(255, 102, 0) |
Yeşil | rgb(0, 51, 0) |
Sarı | rgb(255, 255, 0) |
Mor | rgb(162, 46, 162) |
Pembe | rgb(255, 0, 255) |
Kırmızı | rgb(255, 0, 0) |
Ela | rgb(255, 102, 255) |
Turkuaz | rgb(102, 255, 255) |
Fıstık Yeşili | rgb(102, 255, 0) |
Kahverengi | rgb(97, 25, 25) |
Gri | rgb(128, 128, 128) |
Koyu Kahverengi | rgb(102, 0, 0) |