Renk Dönüştürücü
Kırmızı, yeşil ve mavi kanal değerleriyle birlikte RGB ve HSL karşılıklarını görmek için bir hex renk kodu girin.
Bu renk dönüştürücü nasıl kullanılır
- Hex renk kodunu girin
Hex renk kodu alanına 6 haneli bir hex kodu yazın (örneğin FF6B35 veya 00FF88). # sembolünü kullanmayın.
- RGB değerlerini okuyun
Kırmızı kanalı, Yeşil kanalı ve Mavi kanalı sonuçları, her bir bileşen için 0–255 arasındaki değerleri gösterir.
- HSL çıktısını kontrol edin
Renk tonu (0–360°), doygunluk ve parlaklık için HSL sonucunu inceleyin; renk ayarlamaları için kullanışlıdır.
Bu renk dönüştürücü nasıl çalışır
Bu araç, onaltılık bir renk kodunu RGB (kırmızı, yeşil, mavi) ve HSL (ton, doygunluk, parlaklık) gösterimlerine dönüştürür. Her hex çifti 8 bitlik bir kanal değerine (0–255) eşlenir ve HSL dönüşümü standart renk uzayı matematiğini kullanır.
R = hex[0:2] → ondalık; G = hex[2:4] → ondalık; B = hex[4:6] → ondalık Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — saf siyah.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — saf beyaz. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — orta gri.
- ✓ Giriş, geçerli bir 6 haneli hex renk kodudur.
- ✓ Alfa kanalı bu sürümde desteklenmemektedir.
- CMYK dönüşümü bir renk profili gerektirir ve buraya dahil edilmemiştir.
Renk modellerini anlama
HEX, RGB ve HSL aynı rengi tanımlamanın farklı yollarıdır. HEX, RGB'yi 6 haneli onaltılık bir dize olarak kodlar: her karakter çifti bir 8 bitlik kanaldır (0–255). RGB, aynı değerleri ekranların yaydığı eklemeli ana renkler olan üç sayı olarak ifade eder. HSL (Renk Tonu, Doygunluk, Parlaklık) silindirik bir modeldir: renk tonu renk çarkındaki açıdır (0° kırmızı, 120° yeşil, 240° mavi), doygunluk renk yoğunluğudur ve parlaklık ise aydınlıktır. Tasarımcılar, renkleri programlı olarak ayarlarken genellikle HSL'yi tercih ederler; yalnızca parlaklığı değiştirmek, renk tonunu kaydırmadan rengi koyulaştırır veya açar, doygunluğu ayarlamak ise canlılığı düzenler.
Geliştiriciler için renk dönüştürme kullanım durumları
Geliştiriciler; tasarım sistemleri oluştururken, temalar uygularken, renk paletleri oluştururken ve CSS hatalarını ayıklarken renkleri dönüştürürler. Tasarım belirteçleri (design tokens) genellikle renkleri hex formatında saklar; RGB veya HSL'ye dönüştürmek, opaklık katmanları veya erişilebilir kontrast kontrolleri gibi çalışma zamanı hesaplamalarına olanak tanır. Tema değiştiricilerin, HSL kullanarak temel bir renkten daha açık veya daha koyu varyantlar türetmesi gerekebilir. Otomatik erişilebilirlik araçları, parlaklık ve kontrast oranlarını hesaplamak için renkleri dönüştürür. Düzen veya tema hatalarını ayıklarken, bir hex değerini RGB veya HSL olarak görmek hangi kanalın hatalı olduğunu belirlemeye yardımcı olur. Renk dönüştürme ayrıca veri görselleştirme, grafik kütüphaneleri ve dinamik kullanıcı arayüzü temalandırmasında da kullanılır.
Sıkça sorulan sorular
3 haneli bir hex kodu girebilir miyim?
Şu anda bu araç 6 haneli bir kod beklemektedir. F60 gibi 3 haneli kısaltmalar için önce FF6600 şeklinde genişletin.
HSL nedir?
HSL; Ton (Hue), Doygunluk (Saturation) ve Parlaklık (Lightness) anlamına gelir. Bazı tasarımcıların RGB'den daha sezgisel bulduğu alternatif bir renk tanımlama yöntemidir.