🧰 BirAraçtaTüm Araçlar →
Dönüşüm Yayın: 13 Temmuz 2026 7 dk okuma

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?

Kısa cevap HEX kod #RRGGBB biçimindedir; her iki karakterlik blok bir renk kanalını onaltılık (16'lık) tabanda gösterir. Onluğa çevirmek için her bloğu 10'luk tabana dönüştürürsünüz: #7C3AED → 7C=124, 3A=58, ED=237, yani 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ı, 00FF arası.
  • GG — yeşil (Green) kanalı, 00FF arası.
  • BB — mavi (Blue) kanalı, 00FF arası.

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.

Neden onaltılık? Bilgisayarlar renkleri baytlarla saklar ve bir bayt tam olarak iki onaltılık haneyle (00–FF) temsil edilir. Bu yüzden 24 bitlik renk, altı temiz onaltılık karaktere sığar — #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:

  1. 7C → kırmızı: 7 × 16 + 12 (C) = 112 + 12 = 124
  2. 3A → yeşil: 3 × 16 + 10 (A) = 48 + 10 = 58
  3. 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:

Yaygın renklerin HEX ↔ RGB karşılıkları (sRGB)
RenkHEXRGB
Kırmızı#FF0000255, 0, 0
Yeşil (lime)#00FF000, 255, 0
Mavi#0000FF0, 0, 255
Turuncu#FFA500255, 165, 0
Mor (bu araç)#7C3AED124, 58, 237
Gri#808080128, 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:

Pratik ipucu %50 opaklık yaklaşık 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:

  1. 124 → 7C: 124 ÷ 16 = 7, kalan 12 (C)
  2. 58 → 3A: 58 ÷ 16 = 3, kalan 10 (A)
  3. 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.

HSL ve CMYK'ye ne oldu? HEX ve RGB doğrudan birbirinin yazım biçimiyken, HSL ton/doygunluk/açıklık ekseninde ayrı bir hesap ister; CMYK ise baskı için farklı bir modeldir. Bu modellerin farkını HSL ve HSV rehberinde ele alıyoruz.

Sık sorulan sorular

HEX renk kodu RGB'ye nasıl çevrilir?
Her iki karakterlik bloğu onaltılıktan onluğa çevirirsiniz: #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?
Her karakter iki kez tekrar edilir: #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?
Son iki karakter alpha (opaklık) kanalıdır: 00 tam şeffaf, FF tam opak. #7C3AED80 yaklaşık %50 opak mordur (80 = 128 ≈ 0,50 alpha).
HEX ve RGB aynı rengi mi verir?
Evet. İkisi de aynı sRGB rengini tarif eder; tek fark sayı tabanıdır (16'lık vs 10'luk). Dönüşüm kayıpsızdır, ileri-geri tam çevrilebilir.
RGB'yi HEX'e çevirirken tek hane çıkarsa ne olur?
Başına 0 eklenir: 5 → 05, 12 → 0C. Böylece her kanal iki haneli kalır ve toplam altı karakter olur.

İlgili rehberler

Metodoloji & kaynaklar. Bu yazıdaki tüm dönüşümler standart sRGB renk uzayı matematiğiyle üretilmiştir: HEX ↔ RGB çevrimi onaltılık ↔ onluk taban dönüşümü, alpha kanalı 00–FF (0–255) kodlamasıdır. Hesaplamalar tamamen tarayıcıda, hiçbir sunucuya veri gitmeden çalışır. Kaynaklar: sRGB renk uzayı dönüşümleri · WCAG 2.1 kontrast oranı (W3C). Son güncelleme: 13 Temmuz 2026. Yazı bilgilendirme amaçlıdır; kesin baskı veya marka renkleri için ilgili renk profili (ICC/Pantone) esas alınmalıdır.