Logo Logo
Yükleniyor...

Renk Dönüştürücü

Renk Dönüştürücü

Tek bir renk seçin; tüm formatları, kontrastı ve akıllı palet önerilerini anında alın.

Girdi

Desteklenen: #RGB, #RGBA, #RRGGBB, #RRGGBBAA
0 = tamamen şeffaf, 1 = tamamen opak.

Örnek: red, rgb(255,0,0), rgba(0,0,0,0.5), hsl(120 100% 50%)

Önizleme & Analiz

L: — Text: —
Beyaz ile kontrast
Siyah ile kontrast
WCAG için genelde ≥ 4.5:1 hedeflenir.
Hızlı Palet
Tamamlayıcı
Triad
Analog
Palet çıktıları HEX olarak kopyalanır. UI/branding kararlarını hızlandırır.

Çıktılar

Format Değer İşlem
Bu araç tamamen tarayıcı içinde çalışır. Girilen renk değerleri sunucuya gönderilmez.

Renk Formatları Hakkında

Renk dönüştürücü; tek bir rengi farklı renk uzaylarında ve gösterim formatlarında (HEX, RGB, HSL, HWB, LAB/LCH, CMYK gibi) eş zamanlı üreten bir yardımcı araçtır.

Arayüz tasarımı, CSS geliştirme, baskı öncesi hazırlık ve marka rengi standardizasyonu gibi süreçlerde “aynı rengi her ortamda doğru temsil etmek” için kullanılır.

Araç önce rengi sRGB tabanında normalize eder; ardından matematiksel dönüşümlerle diğer formatları üretir. Bu sayede tek kaynak (RGB) üzerinden tutarlı sonuç alınır.

  • HEX ↔ RGB: 16’lık taban ile kanal değerleri hesaplanır.
  • RGB ↔ HSL/HWB: Hue (ton) merkezli dönüşümler yapılır.
  • RGB → LAB/LCH: sRGB → XYZ → LAB zinciri ile algısal uzaya taşınır.
  • RGB → CMYK: baskı odaklı yaklaşık bir ayrıştırma uygulanır.

Her format farklı bir iş bağlamında daha pratiktir. Doğru formatı seçmek ekip içi iletişimi ve çıktı kalitesini yükseltir.

  • HEX: Web/CSS tarafında pratik, kısa ve yaygın.
  • RGB/RGBA: Ekran temelli işler ve programatik kullanım için ideal.
  • HSL/HWB: Ton/ışıklılık odaklı düzenleme ve tasarım varyasyonları için güçlü.
  • LAB/LCH: İnsan algısına daha yakın; renk kıyaslama ve “yakın isim” tespiti için iyi.
  • CMYK: Baskı süreçlerinde referans amaçlı kullanılır (cihaz/profil farkları olabilir).

Renkler cihazdan cihaza değişebilir. Tasarım ve baskı süreçlerinde doğru kontrol noktalarını koymak sürprizleri azaltır.

  • Baskı için CMYK değerlerini “nihai gerçek” kabul etmeyin; ICC profili ve prova kritik.
  • Kontrast hedefi olan UI’larda WCAG kontrast oranlarını kontrol edin.
  • Alpha (şeffaflık) kullanıyorsanız arka plan rengini de hesaba katın.
  • “Renk adı” çıktısı, CSS renk adlarına en yakın tahmindir; kurumsal standart için HEX/RGB referans alın.