RGB'den HSL'ye Dönüştürücü
CSS'te renkleri daha kolay ayarlamak için kırmızı, yeşil ve mavi değerlerini ton, doygunluk ve açıklığa dönüştürün.
rgb girişi
Sonuç · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Nasıl kullanılır: RGB'den HSL'ye
- 1
Bir renk girin
Bir renk kodu yazın veya renk seçiciyle bir renk seçin — her alan gösterdiği formatı kabul eder.
- 2
Dönüştürülmüş hâlini görün
Siz yazarken sonuç, rengin canlı önizlemesiyle birlikte anında güncellenir.
- 3
Kodu kopyalayın
İhtiyacınız olan değeri tek tıkla kopyalayın ve tasarımınıza, CSS'inize veya baskı ayarlarınıza yapıştırın.
RGB ve HSL karşılaştırması
RGB bir rengi üç ışık kanalından oluşturur; bu ekranlara uygundur ama elle ayarlaması zordur: rgb(255, 61, 114) rengini biraz koyulaştırmak üç sayıyı da değiştirmek demektir. HSL aynı rengi ton — renk çarkında 0 ile 360° arasında bir açı — ve yüzde cinsinden doygunluk ve açıklık olarak tanımlar; böylece bu pembe hsl(344, 100%, 62%) olur.
Bu yapı HSL'yi tonlar ve temalar oluşturmak için ideal kılar. Üzerine gelme veya basılı durumu elde etmek için tonu ve doygunluğu koruyup açıklığı düşürün, renkli bir arka plan için yükseltin ya da daha sönük bir sürüm için doygunluğu azaltın. Tüm modern tarayıcılar CSS'te hsl() kabul eder, bu yüzden sonucu doğrudan yapıştırabilirsiniz. Dönüştürücü değerleri tam sayılara yuvarlar, bu yüzden geri dönüştürmek bir kanalı bir adım kaydırabilir.
Her şey tarayıcınızda yerel olarak çalışır — görselleriniz asla bir sunucuya yüklenmez.