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ı
13 Saatte Sertifikalı Web Tasarımcısı Ol - Udemy