HEX RGB Renk Kodu Çevirici
HEX RGB renk kodu çevirici, web tasarımında kullanılan iki renk gösterimi arasında dönüşüm yapar. Örneğin #FF6600 turuncu rengi rgb(255, 102, 0) değerine karşılık gelir. Aşağıdaki araca HEX kodunu veya RGB değerlerini girmeniz yeterli; karşılığını ve renk önizlemesini anında görürsünüz.
🔗 Bu aracı sitene ekle
Bu hesaplama aracını kendi web sitende ücretsiz kullanabilirsin. Rengini ayarla, hazır kodu kopyala, sitene yapıştır — hepsi bu kadar.
Aracı sitene ekle →HEX ve RGB renk kodu nedir?
HEX ve RGB, bir rengi sayılarla ifade etmenin iki yaygın yoludur. Her ikisi de rengi kırmızı, yeşil ve mavi (RGB) bileşenlerinin karışımı olarak tanımlar. HEX kodu, başında # işareti bulunan altı haneli onaltılık bir koddur; örneğin #FF6600. RGB ise her bileşeni 0 ile 255 arasında bir sayıyla yazar; örneğin rgb(255, 102, 0). İki gösterim de tamamen aynı rengi anlatır, sadece yazım biçimleri farklıdır.
HEX ve RGB nasıl çevrilir?
Çevirinin mantığı, her renk bileşenini onaltılık (16 tabanı) ile onluk (10 tabanı) sistem arasında dönüştürmektir. Araç bu işlemi sizin yerinize anında yapar:
- HEX'ten RGB'ye: Altı haneli kod ikişer haneye bölünür (RR, GG, BB) ve her çift onluk sayıya çevrilir.
- RGB'den HEX'e: 0-255 arasındaki her değer iki haneli onaltılık karşılığına çevrilip yan yana yazılır.
- Renk önizlemesi: Girdiğiniz değerin gerçek rengini ekranda görerek doğrulayabilirsiniz.
Somut örnek
Turuncu rengi temsil eden #FF6600 kodunu ele alalım. Kod ikişer haneye ayrılır: FF, 66 ve 00. Onaltılık FF değeri onluk sistemde 255, 66 değeri 102, 00 değeri ise 0 eder. Böylece sonuç rgb(255, 102, 0) olur. Ters yönde, rgb(255, 102, 0) değerini girdiğinizde araç aynı şekilde #FF6600 kodunu üretir.
Nerelerde işinize yarar?
- Web tasarımı: HTML ve CSS dosyalarında HEX kodu yaygındır; tasarım araçları ise sıklıkla RGB verir.
- Marka renkleri: Logo ve kurumsal renkleri farklı programlar arasında birebir aktarmak.
- Saydamlık: RGBA gibi gösterimlerde renk bileşenlerini RGB olarak görmek gerektiğinde.
- Görsel düzenleme: Photoshop, Figma veya Canva ile kod tabanlı projeler arasında renk taşımak.
Kısa ipucu
HEX kodlarında her hane çifti bazen kısaltılabilir: #FF6600 yerine bazı durumlarda üç haneli #F60 yazılır; bunun açılımı her haneyi iki kez tekrarlamaktır (#FF6600). Ayrıca #FFFFFF beyazı, #000000 siyahı temsil eder. Renk kodunu kopyalarken # işaretini de almayı unutmayın; CSS'te # olmadan kod geçersiz sayılır.
Sıkça Sorulan Sorular
HEX renk kodunu RGB'ye nasıl çeviririm?
Araca # ile başlayan altı haneli HEX kodunu girin; RGB karşılığı anında çıkar. Elle yapmak isterseniz kodu ikişer haneye bölüp her çifti onluk sayıya çevirebilirsiniz. Örneğin #FF6600 kodunun RR, GG, BB hanelerinin karşılığı rgb(255, 102, 0) olur.
RGB değerini HEX koduna çevirebilir miyim?
Evet. Araç çift yönlü çalışır; 0-255 arası kırmızı, yeşil ve mavi değerlerini girdiğinizde HEX kodunu üretir. Her değer iki haneli onaltılık karşılığına çevrilip yan yana yazılır. Örneğin rgb(255, 102, 0) değeri #FF6600 koduna dönüşür ve önizlemeyle doğrulanır.
Üç haneli HEX kodu ne anlama gelir?
Üç haneli kısa kod, her hanenin iki kez tekrarlandığı altı haneli kodun kısaltmasıdır. Örneğin #F60 aslında #FF6600 demektir ve aynı turuncu rengi verir. Bu kısaltma yalnızca her hane çiftinin iki rakamı aynı olduğunda kullanılabilir; aksi halde altı hane yazmak gerekir.