HTML Renk Kodları | Renk Kodu Ne İşe Yarar? Nasıl Kullanılır?

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)

HTML Renk Kodları Etiketlendi: Açık Mavi Renk Kodu Beyaz Renk Kodu Desimal Kod RGB Ela Renk Kodu Hexadecimal Kod Hexadecimal Renk Kodu Hexadecimal Renk Kodu Nedir? HTML 3 Temel Renk RGB Html Açık Mavi Renk Kodu HTML Beyaz Renk Kodu HTML Kahverengi Renk Kodu Html Koyu Turuncu Renk Kodu HTML Mavi Renk Kodu HTML Pembe Renk Kodu HTML Renk Kodları HTML Renk Kodu HTML Renk Kodu Nedir? HTML Renk Kodunun Kullanımı HTML Renklerin Oluşturulması HTML Sarı Renk Kodu HTML Siteye Renk Kodu Ekleme HTML Siyah Renk Kodu HTML Yeşil Renk Kodu İslam Yeşili Renk Kodu Kahverengi Renk Kodu Kırmızı Renk Kodu Koyu Gri Renk Kodu Koyu Kahverengi Renk Kodu Koyu Turuncu Renk Kodu Mavi Renk Kodu Mor Renk Kodu Pembe Renk Kodu Renk Kodları Siteye Nasıl Eklenir? Renk Kodu Renk Kodu Nedir? Renk Kodu Nereye Eklenir? Renkler Elektronik Ortama Nasıl Taşınır? Renklerin Elektronik Ortama Taşınabilmesi Sarı Renk Kodu Siyah Renk Kodu Turkuaz Renk Kodu Turuncu Renk Kodu Yeşil Renk Kodu