HEX ve RGB Renk Dönüşümü Nedir? Onaltılık kod nasıl okunur
Bir tasarımda #7C3AED gördünüz ama CSS'te rgb(124, 58, 237) yazmak istiyorsunuz. İkisi de aynı rengi gösterir; yalnızca yazım biçimi farklıdır. Bu rehberde HEX ile RGB'nin ne olduğunu, birini diğerine hangi matematikle çevireceğinizi ve kısa #RGB ile 8 haneli #RRGGBBAA yazımını adım adım örneklerle açıklıyoruz.
HEX renk kodu RGB'ye nasıl çevrilir?
rgb(124, 58, 237). Üç renk kanalı da 0–255 aralığındadır.
Renk kodları farklı görünse de tümü ekranların kullandığı sRGB renk uzayını tarif eder. HEX ve RGB, kırmızı-yeşil-mavi ışık miktarını ifade etmenin iki yazım biçimidir. Kendi renginizi anında çevirmek için renk kodu dönüştürücüsünü kullanabilirsiniz; aşağıda ise işin mantığını açıyoruz.
HEX renk kodu nedir?
HEX (hexadecimal / onaltılık) kod, bir rengi #RRGGBB biçiminde altı karakterle yazan sistemdir. Baştaki # işaretinden sonra üç çift gelir:
- RR — kırmızı (Red) kanalı,
00–FFarası. - GG — yeşil (Green) kanalı,
00–FFarası. - BB — mavi (Blue) kanalı,
00–FFarası.
Onaltılık taban 16 semboller kullanır: 0–9 ve ardından A, B, C, D, E, F (yani 10, 11, 12, 13, 14, 15). Bu yüzden iki haneli bir blok en fazla FF = 255 değerini alabilir. Üç kanalın her biri 256 farklı değer alabildiğinden HEX ile toplam 16.777.216 renk (256³) ifade edilebilir.
#RRGGBB hem kısa hem de makinenin belleğiyle birebir örtüşür.
RGB nedir?
RGB, aynı üç kanalı onluk (0–255) sayılarla ve rgb(R, G, B) biçiminde yazar. Örneğin rgb(255, 0, 0) saf kırmızı, rgb(0, 0, 0) siyah, rgb(255, 255, 255) beyazdır. RGB "additive" (eklemeli) bir modeldir: üç ışık kanalı arttıkça renk beyaza yaklaşır. HEX ile RGB arasındaki tek fark sayı tabanıdır — biri 16'lık, diğeri 10'luk yazar.
HEX'i RGB'ye adım adım nasıl çeviririm?
Elde çevirmek şaşırtıcı derecede basittir. İki haneli her bloğu şu formülle onluğa çevirirsiniz: (ilk hane × 16) + ikinci hane. Örnek olarak #7C3AED:
- 7C → kırmızı: 7 × 16 + 12 (C) = 112 + 12 = 124
- 3A → yeşil: 3 × 16 + 10 (A) = 48 + 10 = 58
- ED → mavi: 14 (E) × 16 + 13 (D) = 224 + 13 = 237
Sonuç: rgb(124, 58, 237). Aşağıdaki tablo birkaç yaygın rengin HEX ve RGB karşılığını gösterir:
| Renk | HEX | RGB |
|---|---|---|
| Kırmızı | #FF0000 | 255, 0, 0 |
| Yeşil (lime) | #00FF00 | 0, 255, 0 |
| Mavi | #0000FF | 0, 0, 255 |
| Turuncu | #FFA500 | 255, 165, 0 |
| Mor (bu araç) | #7C3AED | 124, 58, 237 |
| Gri | #808080 | 128, 128, 128 |
Kaynak: RenkKod sRGB dönüşüm motoru. Değerler standart onaltılık → onluk çevrimiyle bulunmuştur.
Kısa #RGB ve 8 haneli #RRGGBBAA
Üç haneli kısa yazım (#RGB)
Bir rengin her kanalının iki hanesi aynıysa üç haneye kısaltabilirsiniz. Tarayıcı her karakteri iki kez tekrar ederek genişletir:
#FFF→#FFFFFF(beyaz)#F00→#FF0000(kırmızı)#F0A→#FF00AA
Dikkat: #7C3AED gibi kanalları farklı hanelerden oluşan bir renk kısa yazılamaz; kısa yazım yalnızca tekrar eden çiftler için geçerlidir.
8 haneli HEX ve alpha (#RRGGBBAA)
Son iki karakter eklenerek renge alpha (opaklık) kanalı katılır. AA bloğu 00 (tam şeffaf) ile FF (tam opak) arasındadır:
80 (onaltılık) = 128 (onluk) değerine denk gelir. Yani #7C3AED80, yarı saydam mor demektir. CSS'te aynı şeyi rgba(124, 58, 237, 0.5) ile de yazabilirsiniz. Dönüştürücüde alpha kaydırıcısını oynatarak her iki biçimi anında görebilirsiniz.
HEX, RGB, HSL, HSV — hepsi tek ekranda
Rengi seç ya da kodu yaz; tüm formatlar, alpha ve palet anında senkron çıksın. Tek tıkla kopyala.
Renk Dönüştürücüyü Aç →RGB'yi tekrar HEX'e nasıl çeviririm?
Ters yön de aynı mantıkla çalışır: her onluk kanalı (0–255) onaltılığa çevirip iki haneye tamamlarsınız. Bir değeri 16'ya bölersiniz; bölüm ilk hane, kalan ikinci hanedir:
- 124 → 7C: 124 ÷ 16 = 7, kalan 12 (C)
- 58 → 3A: 58 ÷ 16 = 3, kalan 10 (A)
- 237 → ED: 237 ÷ 16 = 14 (E), kalan 13 (D)
Sonuç yine #7C3AED. Tek haneli çıkan sonuçların başına 0 eklenir: örneğin 5 → 05, aksi halde yazım altı karaktere tamamlanmaz. Bu ileri-geri dönüşüm kayıpsızdır; HEX ve RGB tam olarak birbirine çevrilebilir.
Sık sorulan sorular
HEX renk kodu RGB'ye nasıl çevrilir?
#7C3AED → 7C=124, 3A=58, ED=237, yani rgb(124, 58, 237). Üç kanalın her biri 0–255 arasındadır.Kısa HEX (#RGB) nasıl genişletilir?
#F0A → #FF00AA, #FFF → #FFFFFF. Yalnızca her kanalın iki hanesi aynı olduğunda kısa yazım mümkündür.8 haneli HEX (#RRGGBBAA) ne demek?
00 tam şeffaf, FF tam opak. #7C3AED80 yaklaşık %50 opak mordur (80 = 128 ≈ 0,50 alpha).HEX ve RGB aynı rengi mi verir?
RGB'yi HEX'e çevirirken tek hane çıkarsa ne olur?
0 eklenir: 5 → 05, 12 → 0C. Böylece her kanal iki haneli kalır ve toplam altı karakter olur.