Ücretsiz Hesaplama
Tasarım ve Renk

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

HEX, RGB, HSL ve CMYK renk kodları arasında anında karşılıklı dönüşüm yapın, renk paletini önizleyin ve değerleri kopyalayın.

#2563EB
HEX Kodu#2563EB
RGB (Red, Green, Blue)rgb(37, 99, 235)
HSL (Hue, Saturation, Lightness)hsl(221, 83%, 53%)
CMYK (Baskı Formatı)cmyk(84%, 58%, 0%, 8%)

Renk Modelleri Arasındaki Farklar

HEX ve RGB dijital ekranlarda (web siteleri, mobil uygulamalar) ışık tabanlı renkleri ifade eder. HSL renk tonu ve doygunluğu insan algısına göre düzenlerken, CMYK matbaa ve fiziksel baskı süreçlerinde kullanılan mürekkep karışım modelidir.

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

Tasarım ve web geliştirme projelerinde renk kodlarını HEX, RGB, HSL ve matbaa CMYK renk uzayları arasında kayıpsız dönüştürme rehberi.

1Nasıl Kullanılır?

  1. 1.Dönüştürmek istediğiniz renk kodunu (örneğin #3B82F6 veya rgb(59, 130, 246)) girin veya renk paletinden seçin.
  2. 2.Girdi anında tüm renk uzaylarına otomatik çevrilir.
  3. 3.İhtiyacınız olan CSS formatını tek tıkla panonuza kopyalayın.

2Renk Uzayları Arası Matematiksel Dönüşüm

Her renk uzayı rengi farklı fiziksel ve matematiksel modellerle tanımlar.

HEX: #RRGGBB (00-FF Onaltılık Basamak) RGB: rgb(0-255, 0-255, 0-255) HSL: hsl(Açı 0-360°, Doygunluk %, Açıklık %)

RGB -> HEX

Her bir 0-255 arasındaki RGB kanalı 16 tabanına dönüştürülerek iki basamaklı onaltılık koda çevrilir (255 -> FF).

RGB -> CMYK (Matbaa)

Ekran renkleri (RGB ışık) matbaa baskı mürekkeplerine (Cyan, Magenta, Yellow, Black) dönüştürülür.

3Örnek Dönüşüm (Pratiksel Mavisi)

Tipik modern web mavi renginin karşılıkları:

HEX Kodu#2563EB
RGB Değerirgb(37, 99, 235)
HSL Karşılığıhsl(221, 83%, 53%)
CMYK Baskı Değericmyk(84%, 58%, 0%, 8%)

💡 Sonuç Değerlendirmesi: Aynı renk tonu hem ekranda CSS kodlamasında hem de kağıt baskıda doğru parametrelerle temsil edilir.

⚠️Dikkat Edilmesi Gereken Önemli Hususlar

  • •RGB ekrandaki bazı canlı neon renkler matbaa CMYK renk gamutunun dışında kaldığından baskıda daha mat görünebilir.

Sıkça Sorulan Sorular (SSS)

CSS'te neden HSL kullanımı yaygınlaşıyor?

HSL formatı insan algısına daha uygundur; bir rengin açıklığını (Lightness) değiştirerek açık ve koyu tonlarını üretmek çok daha kolaydır.