RGB Renk Kodları Nelerdir?

Dijital tasarım dünyasının renk düzenlerken referans aldığı RGB, 19. Yüzyılda geliştirilen bir renk modelleme sistemime verilen addır. RGB kodları ile ilgili bilmeniz gerekenler yazımıza geçmeden önce, bu renk kodlama sisteminin üç temel renk esasına dayandığını belirtelim.

Kırmızı, yeşil ve mavi renklerinden oluşan bu renklerin İngilizce karşılığı olan Red (kırmızı), Green (yeşil), Blue (mavi), kelimelerinin baş harfleri RGB olarak ifade edilir.

Elbette RGB renk kodları ve bu kodlara göre yapılan tasarımlardan bahsederken sadece bu üç rengin kullanıldığını söylemiyoruz. Bu üç rengin neye göre seçildiğini ve neden bu kodlarla çalışıldığını merak ediyorsanız, RGB kodları ile bilmeniz gerekenler yazımıza hep birlikte bakalım.

RGB Kodları Nedir?

Üç temel rengi ifade eden RGB kodları, en geniş tanımıyla tüm renkleri elde edebileceğiniz sonsuz bir ışık uzayıdır. Eklemeli renk prensibine dayanan RGB renk modelinde, kırmızı, yeşil ve mavi renkler çeşitli oranlarda ve şekillerde birbirine eklenir. Bu renk kodlamasının temel amacı bilgisayar ya da televizyon gibi elektronik ortamlarda renkli görüntülerin algılanması, gösterilmesi ve temsil edilmesidir.

Geleneksel fotoğraf sanatında da kullanılan RGB renk kodlaması, her ne kadar dijital görüntü sistemleri ile yaygınlaşmış olsa da uzun bir geçmişe sahiptir ve bunun arkasında insanların renk algısı üzerine yapılan çok sayıda araştırma vardır.

İlginizi Çekebilir; E-ticarette Responsive Tasarım Neden Önemlidir?

RGB Renk Kodları Nasıl Oluşur?

RGB kodlarına geçmeden önce, dilerseniz renk nasıl oluşur ona bir bakalım. Biliyorsunuz gözümüz sürekli ışığa maruz kalır. Renkler, doğal olan ya da olmayan tüm ışıkların nesnelere çarptıktan sonra gözümüze gelen yansımalarından oluşur. RGB renk kodlaması da doğadaki üç ışık ışınından hareketle ortaya çıkarılmıştır.

Temeline kırmızı, yeşil ve maviyi almasının sebebi ise bu üç ışık ışını ile diğer renklerin de oluşturulabilmesidir. Birbiri üstüne binen RGB renk kodları, ortaya çıkan rengin bileşenleridir. Bu ışık ışınlarının birbiri üzerine düşerken ki ayarı ya da rastlantısallığı ortaya çıkacak rengin yoğunluğunu ve tonunu belirler. RGB deki üç rengin %100 tonu üst üste kullanıldığında ise beyaz renk elde edilir.

İlginizi Çekebilir: Logo Tasarımı Nasıl Yapılır? 2021'in En İyi Ücretsiz Logo Programları

RGB Renk Kodları Kullanılarak Kaç Farklı Renk Oluşturulabilir?

RGB renk kodlarının sayı değerlerine birazdan çok daha detaylı değineceğiz ancak şimdi 3 farklı renkteki ışık ışını ile neler yapılabileceğine kısa bir bakalım. RGB renk kodlamasında renklerin sayı değeri olarak ifadesinden bahsedilir. Renk derinliği olarak da anılan bu değerler sisteminde en yaygın derinlik 24 bit renktir. RGB renk kodları, üç ana rengi esas aldığına göre, her bir renk 8 bit derinliğinde olacaktır. Kırmızı, yeşil ve mavi renklerinin her biri de 256 renk değerine sahiptir. Yani her bir değer 256 farklı şekilde kullanılabilir.

Bunu basit bir formülle anlatırsak:

• 256 X 256 X 256 =16.777.216 farklı renk elde edilebilir ki bu durumda RGB renk kodlarıyla sonsuz renk elde edilebilir ifadesini kullanmak yanlış olmaz.

İlginizi Çekebilir: Sayfa Tasarımınızı Güçlendirmenin 5 Etkili Yolu

Hex Renk Kodu Nedir?

Buraya kadar bahsettiklerimizden RGB dediğimiz kavramın bir tür renk kodlaması olduğundan bahsettik. Bu kodların farklı oranlarda birbirine eklendiğinde farklı renklerin ortaya çıktığını da artık biliyoruz. Hex Renk Kodu, RGB kodlarıyla çalışırken renk oranlarını tanımlayan sayılardır.

Aslında hex kodu nedir sorusunun cevabı, RGB renk değerlerini ifade etmenin farklı bir yoludur, denilebilir. RGB’nin 3 temel renkli kodlamasından farklı olarak hex renk kodu bulma işlemi on altı değerlik renk sisteminde yapılır. Bu sistemde “a-f" harfleri ise on ile 15 arasındaki sayı değerlerini temsil eder.

İlginizi Çekebilir; Etkili Banner Tasarımı Hakkında Bilmeniz Gerekenler

RGB Renk Kodları Nelerdir?

RGB renk kodlamasında her rengin tam değeri 255’tir. Kırmızı önce geldiği için örneğimize oradan başlayalım. RGB renk kodlamasında;

Red (kırmızı) 255 değer ve Green (yeşil) 0 değer ve Blue (mavi) 0 değer alınırsa ortaya çıkan renk kırmızı olur.

• RGB renk kodlamasında kırmızı: RGB (255,0,0) olarak gösterilir.
• RGB renk kodlamasında yeşil: RGB (0,255,0) olarak gösterilir.
• RGB renk kodlamasında mavi: RGB (0,0,255) olarak gösterilir.
• RGB kodlamasında tüm değerler 255 olarak alınırsa, yani RGB (255,255,255) olarak ifade edilirse beyaz renk ortaya çıkar çünkü renk tayfında beyaz tüm renklerin toplamını gösterir.
• Aynı şekilde tüm değerlerin sıfırlandığı kodlamada ise RGB (0,0,0) siyahı gösterir. Siyah bir renk olmaktan çok bütün ışık ışınlarının yutulduğu bir karanlıktır aslında

Hex Renk Kodu Ne İşe Yarar?

Hex renk kodu bulma işlemi aslında 16'lık sayı tabanında işlem yapmaya benzer. Daha geniş tabanlı bir kodlama olan hex renk kodları, tasarım sürecini kısaltır. Örneğin peygamber çiçeği mavisi diye bir rengi ele alalım. Bu renk tonunu sağlayan farklı RGB renk kodları vardır.

Kırmızı, yeşil ve mavinin belirli oranlarda birbiri üzerine eklenmesi ile oluşan bu rengin karşılığı RGB (106,121,247) olarak ifade edilir. Her seferinde deneme yanılma yoluyla bu kodları bulmaya çalışmak tasarım aşamasında hem çok zaman kaybettirir hem de her zaman aynı tonu yakalamak mümkün değildir.

Diğer yandan tüm tasarımlar RGB kodlarıyla yapılsa dahi, kullanılan dijital altyapı ya da renk yazılımları aynı tonu vermeyebilir. Tasarım aşamasındaki bu ihtiyaçtan doğan hex renk kodları, ara renkleri formüle ederek her zaman rengin aynı tonunu yakalamamızı sağlar.

İlginizi Çekebilir; Online Mağazalar İçin Tasarım Önerileri

Hex Renk Kodu Nasıl Bulunur?

Az önceki örneğimize geri dönelim. Peygamber çiçeği mavisi için RGB (106,121,247) demiştik. Bu renk hex renk kodunda (#6a79f7 ) olarak ifade edilir. 6 rakamı kırmızı, 79 yeşil ve f7 de mavi ile eşleşir.

• Hexadecimal kod alarak adlandırılan hex renk kodları “#” işareti ile ifade edilir.

Daha detaylı renk kodu bulma örnekleri için bazı renklerin hex renk kodlarına birlikte bakalım.

TABLO 1 / Renk Kodları

E-ticaret Sitenizin Tasarımını Hızlı Bir Şekilde Yapın

Dijital tasarımlar başta olmak üzere, tüm tasarımların ortak noktası olan renkler, yalnızca birer imaj değil aynı zamanda birer semboldür. Örneğin yeşil doğayı, kırmızı canlılığı, beyaz masumiyeti, temizliği, mavi ferahlığı temsil eder.

Dolayısı ile tasarım yaparken alt metin çok iyi oluşturulmalı ve görsel kodların çözümlemeleri iyi değerlendirilmelidir. E-ticaret sitelerinin tasarımında ise RGB renk kodları ve hex kodları oldukça önemlidir.

Sizler de Ticimax e-ticaret alt yapılarını kullanarak Konsept Temaları kullanabilir ve e-ticaret sitenizin Hex Kodlarını, RGB renk kodlarını hızlı bir şekilde belirleyerek tasarımınızı gerçekleştirebilirsiniz.