Renk Dönüştürücü
RGB, HEX ve HSL formatları arasında renkleri dönüştür. Tasarımcılar ve geliştiriciler için önizleme ve tek tıkla kopyalama özellikli ücretsiz renk dönüştürücü.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
RGB Degerleri
59
Kirmizi
130
Yesil
246
Mavi
HSL Degerleri
217derece
Ton
91%
Doyg
60%
Parlk
🔒 Tarayıcınızda çalışan hızlı, ücretsiz hesap makineleri. Yükleme yok, %100 gizlilik.
Son güncelleme: Ocak 2026
İlgili Hesap Makineleri
Sıkça Sorulan Sorular
HEX'i RGB'ye nasıl dönüştürürüm?
#FF5733 gibi bir HEX renk, çiftlere bölünerek RGB'ye dönüştürülür: FF=255 (kırmızı), 57=87 (yeşil), 33=51 (mavi). Her çift, ondalık sistemde 0-255'i temsil eden bir onaltılık sayıdır (0-FF). Yani #FF5733 = RGB(255, 87, 51). #F53 gibi kısaltılmış HEX için her basamağı genişletin: #FF5533. Bu dönüştürücü hesaplamayı otomatik yapar—herhangi bir format girin ve anında sonuç alın.
RGB ve HSL arasındaki fark nedir?
RGB (Kırmızı, Yeşil, Mavi) renkleri ışık yoğunluklarını karıştırarak tanımlar (her biri 0-255). HSL (Ton, Doygunluk, Parlaklık) daha sezgiseldir: Ton renk çarkındaki konumdur (0-360°), Doygunluk renk yoğunluğudur (0-100%), Parlaklık aydınlık seviyesidir (0-100%). HSL ayarlamalar için daha kolaydır—bir rengi açmak için sadece L'yi artırın. Doygunluğu azaltmak için S'yi düşürün.
CSS'de HEX mi yoksa RGB mi kullanmalıyım?
Statik renkler için HEX (#FF5733) kullanın—kısa ve evrensel olarak desteklenir. Şeffaflık gerektiğinde RGB veya RGBA kullanın: rgba(255, 87, 51, 0.5) %50 şeffaf bir renk oluşturur. HSL programatik renk manipülasyonu için mükemmeldir—parlaklık veya doygunluk ayarlamak basittir. Modern CSS üç formatı da eşit şekilde destekler, bu yüzden okunabilirlik ve alfa kanalı ihtiyacına göre seçin.
Bir rengin tamamlayıcı rengini nasıl bulurum?
Tamamlayıcı renkler renk çarkında karşı taraftadır ve maksimum kontrast yaratır. HSL'de tondan 180° ekleyin veya çıkarın. Örneğin, renginiz H=30° (turuncu) ise, tamamlayıcı H=210° (mavi) olur. S ve L'yi aynı tutun. Kırmızı (#FF0000, H=0°) Cyan'ı (H=180°) tamamlar. Bu dönüştürücü HSL değerlerini gösterir ve tamamlayıcıları, üçlüleri (+120°) veya bölünmüş tamamlayıcıları (+150°/+210°) hesaplamayı kolaylaştırır.
Renkler neden farklı ekranlarda farklı görünür?
Ekranlar renk gamutunda (görüntülenebilir renk aralığı), kalibrasyonda ve panel teknolojisinde (IPS, OLED, TN) farklılık gösterir. #FF5733 gibi bir renk hassas bir dijital değerdir, ancak monitörler renk profili ve ayarlarına göre farklı yorumlar. Tutarlı renk için donanım kalibreli monitörler kullanın, sRGB renk uzayında tasarlayın ve birden fazla cihazda test edin. Baskı renkleri RGB'den daha küçük gamutlu CMYK kullanır.