Renk Kodu Çevirici

Renk kodlarını HEX, RGB, HSL, HSV ve CMYK arasında anında dönüştürün. Bir biçim girin, diğerlerini alın; canlı renk önizlemesi ve tek tıkla kopyalama ile web tasarımı.

Nasıl Kullanılır

  1. Değerleri girin

    Gerekli alanları doldurun.

  2. Hesapla butonuna tıklayın

    Hesapla butonuna basarak sonuçları alın.

  3. Sonuçları inceleyin

    Sonuçları görüntüleyin ve gerekirse paylaşın.

Renk kodu dönüşümü nedir?

Renk kodu dönüşümü, aynı rengi HEX, RGB ve HSL gibi farklı gösterim sistemlerinde ifade etmektir. Ekran, ışığın ana renkleri olan kırmızı, yeşil ve maviyi karıştırarak renk oluşturur; bu yüzden her renk sonuçta üç RGB kanalının yoğunluğuna indirgenir. HEX, bu RGB değerlerini altı haneli onaltılık bir dizeye (#RRGGBB) sıkıştırır; HSL ise bunları insanın rengi algılama biçimine göre renk açısı, doygunluk ve açıklık olarak yeniden düzenler.

Dönüşüm neden önemlidir

  • CSS yazma — Tasarımdan aldığınız HEX kodunu, şeffaflığı ayarlamayı kolaylaştıran RGB'ye dönüştürün.
  • Renk ayarı — Bir rengi yalnızca biraz koyulaştırmak istediğinizde, HSL'ye dönüştürmek tek bir L değerini ayarlamanıza olanak tanır.
  • İş birliği — Tasarımcının Figma HEX'i, geliştiricinin RGB değişkenleri ve baskı ekibinin renk referanslarını uyumlu tutun.

Hangi biçimde girerseniz girin, bu dönüştürücü diğer tüm biçimleri tek seferde hesaplar ve gerçek rengi bir önizlemede gösterir.

Dönüşüm formülü

HEX → RGB onaltılık sayıyı ikişer haneye böler ve her birini ondalık sayı olarak okur.

R = parseInt(hex[0:2], 16); G ve B de aynı şekilde hesaplanır. Örnek: #FF5733 → FF=255, 57=87, 33=51 → RGB(255, 87, 51).

RGB → HSL önce her kanalı 0-1 aralığına normalleştirir, sonra açıklığı bulur.

L = (max + min) / 2
S = delta / (2 − max − min) (L > 0,5 olduğunda)
burada delta = max − min. Yukarıdaki örnekte max=1 ve min=0,2 değerleri L = 0,6 (%60), S = 0,8/0,8 = %100 ve bir renk açısı H ≈ 11° verir; bu da HSL(11°, %100, %60) olarak dönüştürülür.

Sıkça Sorulan Sorular

HEX ile RGB arasındaki fark nedir?
HEX bir rengi onaltılık olarak ifade eder (#FF5733), RGB ise kırmızı, yeşil ve mavi değerlerini 0-255 aralığında ondalık olarak ifade eder (255, 87, 51). İkisi aynı rengin iki farklı yazım biçimidir.
Bir HEX kodunu RGB'ye nasıl çeviririm?
#RRGGBB'yi ikişer haneye bölün ve her birini onaltılıktan ondalığa çevirin. Örneğin #FF5733'te FF=255, 57=87, 33=51 olur, dolayısıyla RGB(255, 87, 51) olur. Her çift, 00 (0) ile FF (255) arasında bir kanal yoğunluğunu temsil eder.
CMYK'yı ne zaman kullanmalıyım?
CMYK; camgöbeği, macenta, sarı ve siyah mürekkepleri karıştıran baskı için renk modelidir. Ekranlar ve web, ışık ekleyen RGB/HEX kullanır; baskı üretimi ise mürekkepleri katman katman uygulayan CMYK'ya dönüştürür. İki renk gamı farklı olduğundan, ekrandaki renkler baskıda biraz farklı görünebilir.
HSL renk modelinin avantajları nelerdir?
HSL; renk tonu, doygunluk ve açıklıktan oluşur ve renkleri sezgisel biçimde ayarlamaya olanak tanır. Örneğin yalnızca açıklık (L) değerini düşürerek renk tonunu koruyup kolayca daha koyu bir varyant oluşturabilirsiniz; bu da hover efektleri ve renk paletleri oluşturmak için kullanışlıdır.
HSL'de renk tonu (H), doygunluk (S) ve açıklık (L) ne anlama gelir?
Renk tonu (H), renk çarkı üzerinde 0 ile 360 derece arasında bir açıdır; 0° kırmızı, 120° yeşil ve 240° mavidir. Doygunluk (S), 0 ile %100 arasında renk yoğunluğudur: %0 gri, %100 en canlı renktir. Açıklık (L), 0 ile %100 arasında parlaklıktır: %0 siyah, %100 beyaz ve %50 en saf renktir.
Beyaz ve siyah nasıl gösterilir?
Beyaz, tüm kanalları en üst düzeydedir: #FFFFFF / RGB(255, 255, 255) / HSL(0, %0, %100). Siyah, tüm kanalları sıfırdır: #000000 / RGB(0, 0, 0) / HSL(0, %0, %0). Gri tonlarının doygunluğu (S) %0'dır ve yalnızca açıklıkta (L) farklılık gösterir.
RGB değerleri 0-255 aralığının dışına çıkarsa ne olur?
Her kanal, HEX'e dönüştürülmeden önce otomatik olarak sınırlanır (clamp) — 0'ın altındaki değerler 0, 255'in üzerindekiler 255 olur. Örneğin RGB(300, -10, 128), RGB(255, 0, 128) olarak işlenir ve #FF0080 olur.
Dönüşüm sonuçlarını hemen kopyalayabilir miyim?
Evet. Dönüştürülen herhangi bir HEX, RGB veya HSL koduna tıklayarak panoya kopyalayabilirsiniz ve renk önizlemesi, gerçek rengi gözle doğrulamanıza olanak tanır; böylece doğrudan CSS'ye veya bir tasarım aracına yapıştırabilirsiniz.
2026 cihaz özellikleri

İlgili Hesap Makineleri

PPI/DPI HesaplayıcıPPI = sqrt(w^2 + h^2) / diagonalEn Boy Oranı Hesaplayıcıratio = w/gcd(w,h) : h/gcd(w,h)Alt Ağ HesaplayıcıCIDR bitwise maskSayı Tabanı ÇeviriciparseInt(value, fromBase).toString(toBase)