• Yazar Pınar Keleş
  • Güncellenme Tarihi 22 Mart 2024
  • Okuma Süresi 8 dakikada okunur

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ı ile İlgili Bilmeniz Gerekenler

 

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.

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 Kodları Nelerdir

 

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ı Nasıl Oluşturulur

 

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

 

RGB Renk Kodları ile Kaç Renk Oluşturulur

 

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

 

Hex Renk Kodları Nelerdir

 

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
 


RGB Renk Kodları Nelerdir

 

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 Kodları Ne İşe Yarar

 

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ı

 
 
Renk Renk Adı Hex Kodu

#RRGGBB

RGB Kodu

(Ondalık Değer)

  Bordo # 800000 (128,0,0)
  Koyu Kırmızı # 8B0000 (139,0,0)
  Kahverengi # A52A2A (165,42,42)
  Ateş Tuğlası # B22222 (178,34,34)
  Kızıl # DC143C (220,20,60)
  Kırmızı # FF0000 (255,0,0)
  Domates # FF6347 (255,99,71)
  Mercan # FF7F50 (255,127,80)
  Hint Kırmızısı # CD5C5C (205,92,92)
  Hafif Mercan # F08080 (240.128.128)
  Koyu Somon # E9967A (233.150.122)
  Somon # FA8072 (250.128.114)
  Hafif Somon # FFA07A (255.160.122)
  Turuncu Kırmızı # FF4500 (255,69,0)
  Koyu Turuncu # FF8C00 (255.140,0)
  Portakal # FFA500 (255.165,0)
  Altın # FFD700 (255,215,0)
  Koyu Altın Çubuk # B8860B (184,134,11)
  Altın Çubuk # DAA520 (218.165,32)
  Soluk Altın Çubuk # EEE8AA (238,232,170)
  Koyu Haki # BDB76B (189.183.107)
  Haki # F0E68C (240,230,140)
  Zeytin # 808000 (128.128,0)
  Sarı # FFFF00 (255.255,0)
  Sarı Yeşil # 9ACD32 (154,205,50)
  Koyu Zeytin Yeşili # 556B2F (85,107,47)
  Zeytin Yeşili # 6B8E23 (107,142,35)
  Yeşil Çimen # 7CFC00 (124.252,0)
  Yeşil Sarı # ADFF2F (173,255,47)
  Koyu Yeşil # 006400 (0,100,0)
  Yeşil # 008000 (0,128,0)
  Orman Yeşili # 228B22 (34.139.34)
  Misket Limonu # 00FF00 (0,255,0)
  Limon Yeşili # 32CD32 (50,205,50)
  Açık Yeşil # 90EE90 (144.238.144)
  Soluk Yeşil # 98FB98 (152.251.152)
  Koyu Deniz Yeşili # 8FBC8F (143.188.143)
  Orta Bahar Yeşili # 00FA9A (0,250,154)
  İlkbahar Yesili # 00FF7F (0,255,127)
  Deniz Yeşili # 2E8B57 (46.139.87)
  Orta Su Denizi # 66CDAA (102.205.170)
  Orta Deniz Yeşili # 3CB371 (60.179.113)
  Açık Deniz Yeşili # 20B2AA (32.178.170)
  Koyu Arduvaz Grisi # 2F4F4F (47,79,79)
  Çamurcun # 008080 (0,128,128)
  Koyu Camgöbeği # 008B8B (0,139,139)
  Su # 00FFFF (0,255,255)
  Camgöbeği # 00FFFF (0,255,255)
  Açık Camgöbeği # E0FFFF (224.255.255)
  Koyu Turkuaz # 00CED1 (0,206,209)
  Turkuaz # 40E0D0 (64.224.208)
  Orta Turkuaz # 48D1CC (72.209.204)
  Soluk Turkuaz #AFEEEE (175.238.238)
  Aqua Marine # 7FFFD4 (127.255.212)
  Toz Mavi # B0E0E6 (176,224,230)
  Harbiyeli Mavisi # 5F9EA0 (95.158.160)
  Çelik Mavisi # 4682B4 (70.130.180)
  Mısır Çiçeği Mavisi # 6495ED (100.149.237)
  Derin Gök Mavisi # 00BFFF (0,191,255)
  Kaçak Mavi # 1E90FF (30.144.255)
  Açık Mavi # ADD8E6 (173,216,230)
  Gökyüzü Mavi # 87CEEB (135.206.235)
  Açık Gök Mavisi # 87CEFA (135.206.250)
  Gece Yarısı Mavisi # 191970 (25,25,112)
  Donanma # 000080 (0,0,128)
  Koyu Mavi # 00008B (0,0,139)
  Orta Mavi # 0000CD (0,0,205)
  Mavi # 0000FF (0,0,255)
  Kraliyet Mavisi # 4169E1 (65.105.225)
  Mavi Menekşe # 8A2BE2 (138,43,226)
  Çivit # 4B0082 (75,0.130)
  Koyu Barut Mavisi # 483D8B (72.61.139)
  Barut Mavisi # 6A5ACD (106,90,205)
  Orta Barut Mavisi # 7B68EE (123.104.238)
  Orta Mor # 9370DB (147.112.219)
  Koyu Macenta # 8B008B (139,0.139)
  Koyu Mor # 9400D3 (148,0,211)
  Koyu Orkide # 9932CC (153,50,204)
  Orta Boy Orkide # BA55D3 (186,85,211)
  Mor # 800080 (128,0.128)
  Devedikeni # D8BFD8 (216.191.216)
  Erik # DDA0DD (221,160,221)
  Menekşe # EE82EE (238.130.238)
  Eflatun / fuşya # FF00FF (255,0.255)
  Orkide # DA70D6 (218.112.214)
  Orta Menekşe Kırmızı # C71585 (199.21.133)
  Soluk Menekşe Kırmızı # DB7093 (219.112.147)
  Derin Pembe # FF1493 (255,20,147)
  Sıcak Pembe # FF69B4 (255.105.180)
  Açık Pembe # FFB6C1 (255.182.193)
  Pembe # FFC0CB (255.192.203)
  Antik Beyaz # FAEBD7 (250,235,215)
  Bej # F5F5DC (245.245.220)
  Bisque # FFE4C4 (255,228,196)
  Beyazlatılmış Badem #FFEBCD (255,235,205)
  Buğday # F5DEB3 (245.222.179)
  Mısır Püskülü # FFF8DC (255.248.220)
  Limonlu Şifon #FFFACD (255,250,205)
  Açık Altın Çubuk Sarısı # FAFAD2 (250,250,210)
  Açık Sarı # FFFFE0 (255.255.224)
  Eyer Kahverengi # 8B4513 (139,69,19)
  Sienna # A0522D (160,82,45)
  Çikolata # D2691E (210,105,30)
  Peru # CD853F (205.133.63)
  Kumlu Kahverengi # F4A460 (244.164,96)
  İri Odun # DEB887 (222.184.135)
  Bronzluk # D2B48C (210.180.140)
  Pembe Kahverengi # BC8F8F (188.143.143)
  Mokasen # FFE4B5 (255,228,181)
  Navajo Beyazı #FFDEAD (255.222.173)
  Şeftali Pufu # FFDAB9 (255,218,185)
  Puslu Gül # FFE4E1 (255,228,225)
  Lavanta Allık # FFF0F5 (255,240,245)
  Keten # FAF0E6 (250,240,230)
  Eski Dantel # FDF5E6 (253.245.230)
  Papaya Kırbacı # FFEFD5 (255.239.213)
  Deniz Kabuğu # FFF5EE (255.245.238)
  Nane Kreması # F5FFFA (245.255.250)
  Barut Grisi # 708090 (112.128.144)
  Açık Barut Grisi # 778899 (119.136.153)
  Açık Çelik Mavisi # B0C4DE (176.196.222)
  Lavanta # E6E6FA (230,230,250)
  Çiçek Beyazı # FFFAF0 (255,250,240)
  Alice Mavi # F0F8FF (240.248.255)
  Hayalet Beyaz # F8F8FF (248.248.255)
  Şeker Kavunu # F0FFF0 (240,255,240)
  Fildişi # FFFFF0 (255.255.240)
  Gök Mavisi # F0FFFF (240.255.255)
  Kar #FFFAFA (255,250,250)
  Siyah # 000000 (0,0,0)
  Soluk Gri # 696969 (105.105.105)
  Gri # 808080 (128.128.128)
  Koyu Gri # A9A9A9 (169.169.169)
  Gümüş # C0C0C0 (192.192.192)
  Açık Gri # D3D3D3 (211,211,211)
  Gainsboro #DCDCDC (220,220,220)
  Beyaz Duman # F5F5F5 (245.245.245)
  Beyaz #FFFFFF (255.255.255)



 

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.

 

 

Ticimax E-ticaret paketleri ile ilgili kapsamlı bilgiler almak için 0850 811 08 20 numaralı telefonu arayabilir ya da 15 gün ücretsiz inceleme yapabilmek için e-ticaret demo formunu doldurabilirsiniz.

 

 

E-Ticaret için en doğru altyapı
Hemen Şimdi

E-ticaret Sitenizi Kolayca Açın

21.000+ İşletmenin tercih ettiği e-ticaret altyapısıyla internetten satış yapmaya başlayın!

15 Gün Ücretsiz Deneyin!
<