Renk Kodu Dönüştürücü (HEX, RGB, HSL, CMYK, HSV, OKLCH)

Renk kodlarını HEX, RGB, HSL, HSV, CMYK ve OKLCH arasında anlık ve karşılıklı dönüştürün.

Renk Kodu Dönüştürücü (HEX, RGB, HSL, CMYK, HSV, OKLCH)

Renk kodlarını HEX, RGB, HSL, HSV, CMYK ve OKLCH arasında anlık ve karşılıklı dönüştürün.

Nasıl Çalışır?

1
Sorgu Bilgisini Girin
İncelemek istediğiniz parametreyi, şehri veya veri girdisini belirleyin.
2
Veriyi Getirin veya Doğrulayın
Güvenli veri akışıyla sonuçları tarayıcınızda görüntüleyin.
3
Detaylı Tabloyu İnceleyin
Zaman çizelgelerini, referans verilerini veya analiz tablosunu inceleyin.
Kavram ve Bilgi Merkezi

Evrensel Renk Uzayı Dönüştürücü, HEX, RGB, HSL, HSV, CMYK ve OKLCH Hesaplayıcı

Dijital ekranlar (web ve mobil) ile fiziksel matbaa baskısı arasında çalışan tasarımcılar ve yazılımcılar için renk kodlarını doğru uzaylar arasında dönüştürmek en kritik teknik görevlerden biridir. Monitörler renkleri ışığın toplanması esasına dayanan RGB (Kırmızı, Yeşil, Mavi) ve HEX formatında gösterirken; matbaa makineleri mürekkebin ışığı soğurması prensibine dayanan CMYK (Camgöbeği, Macenta, Sarı, Siyah) 4 renkli baskı modelini kullanır. Yanlış bir renk dönüşümü ekranda canlı görünen bir logonun baskıda soluk ve mat çıkmasına neden olur.

Örneğin bir kurumsal kimlik kılavuzunda yer alan #E63946 (canlı kırmızı) rengini ele alalım. Araç bu kodu anında web yazılımcısının kullanacağı RGB(230, 57, 70) ve CSS animasyonları için ideal olan HSL(355°, %78, %56) formatına çevirir. Matbaa grafikerinin katalog basabilmesi için gerekli olan 4 renkli subtraktif karşılığını CMYK(%0, %75, %70, %10), modern web ve CSS Color 4 standartları için ise algısal homojen OKLCH(0.550 0.220 25.5) formatında hesaplar. Kullanıcı alfa (şeffaflık) sürgüsünü kullanarak RGBA ve HSLA CSS kodlarını da anında üretebilir.

Tüm renk uzayı dönüşüm algoritmaları ve matematiksel matrisler tamamen tarayıcınızın içinde çalışır. Şirketinizin kurumsal renk kodları, gizli marka projeleriniz veya tasarım değerleriniz hiçbir harici sunucuya iletilmez.

Temel Mimari ve Matematiksel Formüller

RGB → HSL: L = (Maks + Min)/2 | S = (Maks - Min)/(1 - |2L - 1|) | RGB → OKLCH: Doğrusal sRGB ➔ Oklab (L, a, b) ➔ Polar (L, C, H)

sRGB koordinatları [0, 1] aralığına normalize edilir; insan algısına dayalı silindirik HSL/HSV açıları, matbaa için CMYK mürekkep yoğunlukları ve algısal homojen OKLCH koordinatları hesaplanır.

En İyi Uygulamalar ve Temel Yönergeler

  • Matbaa Baskılarında Daima CMYK Değerini Esas Alın: RGB renk uzayındaki bazı aşırı parlak neon tonlar CMYK baskı gamında fiziksel olarak üretilemez; baskı öncesi CMYK önizlemesini inceleyin.
  • Modern CSS İçin OKLCH Formatını Kullanın: OKLCH renk uzayı algısal olarak homojendir (perceptually uniform); açıklık (L) değiştiğinde rengin algılanan tonu kaymaz ve geniş gamutlu ekranlarda kusursuz çalışır.
  • CSS'te Şeffaflık İçin Modern 8 Haneli HEX veya RGBA Kullanın: Renk kodunun sonuna eklenen iki hane (ör. #E63946CC) %80 alfa şeffaflığı tanımlamanın en modern yoludur.
  • HSL ile Dinamik Renk Temaları Oluşturun: Web projelerinizde ana rengin sadece L (Lightness) değerini değiştirerek butonların hover ve focus durumlarını otomatik üretin.

Sıkça Sorulan Sorular (SSS)

RGB ile CMYK arasındaki temel fark nedir?
RGB dijital ekranlarda ışığın birleşimiyle beyazı oluşturan eklemeli (additive) bir uzaydır; CMYK ise kağıt üzerinde mürekkeplerin karışımıyla siyahı oluşturan çıkarımlı (subtractive) baskı uzayıdır.
OKLCH renk uzayının HSL'ye göre avantajı nedir?
OKLCH insan gözünün ışık algısına göre matematiksel olarak dengelenmiştir. HSL'de sarı renk maviye göre çok daha parlak görünürken, OKLCH uzayında eşit açıklık değerine sahip tüm renkler insan gözüne tam olarak aynı parlaklıkta görünür.
Ekranda gördüğüm renk matbaa baskısında neden farklı çıkar?
Monitörlerin renk gamı (gamut) kuşe kağıda basılan mürekkeplerin renk gamından daha geniştir; bu nedenle RGB renkler CMYK'ya çevrilirken en yakın basılabilir tona sıkıştırılır.
HSV ile HSL arasındaki fark nedir?
Her ikisi de silindirik renk modelidir; ancak HSV 'Parlaklık' (Value) eksenini tam ışık yoğunluğu olarak tanımlarken, HSL 'Açıklık' (Lightness) ekseninde %50'yi saf renk, %100'ü beyaz olarak tanımlar.