Ana Sayfa
Renk Araçları
RGB'den HSL'ye Dönüştürücü

RGB'den HSL'ye Dönüştürücü Etkileşimli kaydırma çubukları ile RGB değerlerini HSL renk formatına dönüştürün.

🎨

RGB'den HSL'ye Dönüştürücü

Etkileşimli kaydırma çubukları ile RGB değerlerini HSL renk formatına dönüştürün.

RGB Değerlerini Ayarla

Kırmızı, Yeşil ve Mavi kaydırıcılarını ayarlayın veya 0 ile 255 arasında değerler girin.

HSL Çıktısını Görüntüle

Anlık olarak hesaplanan Ton, Doyma ve Parlaklık değerlerini görün.

HSL Değerlerini Kopyala

CSS stillerinizde doğrudan kullanmak için hsl() dizesini kopyalayın.

Loading tool...

What Is RGB'den HSL'ye Dönüştürücü?

Bir RGB'den HSL'ye dönüştürücü, Kırmızı, Yeşil ve Mavi renk kanal değerlerini Renk Tonu, Doyma ve Parlaklık renk modeline dönüştürür. Bu dönüşüm, renkleri tanımlamanın iki temel yolunu köprüler: RGB, ekranların fiziksel olarak renk üretme şekli ve HSL, insanların doğal olarak renk algılayıp tanımlama şekli. Bir tasarımcı "bu maviyi biraz açın" dediğinde, HSL terimlerini düşünüyor - tonu koru, doymayı koru, parlaklığı artır. Bu araç bu çeviriyi anında gerçekleştirir ve renklerle daha sezgisel bir şekilde çalışmayı kolaylaştırır. Dönüştürücü, precisa RGB değerleriyle başlayan (renk seçicilerden, API'lerden veya görüntü analizinden) ve renkleri kavramsal olarak değiştirmeye ihtiyaç duyan herhangi bir iş akışı için gereklidir. Tüm modern tarayıcılarda çalışan standart CSS hsl() notasını çıkarır.

Why Use RGB'den HSL'ye Dönüştürücü?

Renk kodlu kaydırıcılar, her bir RGB kanalını bağımsız olarak görselleştirmeyi kolaylaştırır
HSL çıktısı, herhangi bir RGB renginin algısal özelliklerini anlamınıza yardımcı olur
Değerleri ayarladığınız sırada gecikme olmadan anlık dönüştürme
CSS için hazırlanmış hsl() çıkışı, web geliştirme çalışmalarında doğrudan kullanım için
Teknik RGB ve sezgisel renk manipülasyonu arasındaki boşluğu kapatmaya yardımcı olur

Common Use Cases

Renk Analizi

Herhangi bir RGB renginin algısal özelliklerini anlamak için ton açısını, doyma seviyesini ve parlaklığını görün.

Palet Oluşturma

Temel renkleri HSL'ye dönüştürün, ardından bir boyutu sistematik olarak değiştirerek uyumlu paletler oluşturun.

Dinamik Tema

Marka renklerini HSL'ye dönüştürün ve çalışma zamanında tema geçişini destekleyen CSS değişken sistemleri için kullanın.

Renk Eğitimi

RGB değerlerinin insan tarafından algılanan ton, doyma ve parlaklık özelliklerine nasıl eşlendiğini öğrenin.

Technical Guide

RGB'den HSL'ye algoritma, R, G, B'yi 0-255 aralığından 0-1 aralığına normalize eder, ardından maksimum ve minimum kanal değerlerini belirler. Parlaklık max ve min'in ortalamasıdır: L = (max + min) / 2. Akromatik renkler için (max = min), ton ve doyma both 0'dır. Kromatik renkler için, Doyma = delta / (1 - |2L - 1|) где delta = max - min. Ton hesaplama, hangi kanalın maksimum olduğuna bağlıdır: max R ise → H = (G-B)/delta mod 6; max G ise → H = (B-R)/delta + 2; max B ise → H = (R-G)/delta + 4. Dereceleri elde etmek için 60 ile çarpın. Negatif ton değerleri, 360 eklenerek ayarlanır. Sonuçlanan HSL değerleri, silindirik koordinat sisteminde aynı rengi tanımlar. Ana fikir: Aynı ton ve doymaya sahip ancak farklı parlaklığa sahip iki renk, birbirlerinin doğal tonları/tönlerine benzeyecektir. Bu özellik, HSL'yi renk ölçekleri oluşturmak için ideal kılar, bu görev RGB alanında doğru şekilde yapmak çok daha zordur.

Tips & Best Practices

1
Eşit R, G, B değerleri her zaman ton=0, doyma=0 (saf gri) üretir
2
Yüksek doyma + %50 parlaklık herhangi bir tonun en canlı versiyonunu üretir
3
HSL, tutarlı renk rampaları ve tasarım tokenları oluşturmak için RGB'den daha iyidir
4
Bu dönüştürmeyi kullanarak bir rengin sıcak (T: 0-60° veya 300-360°) mı yoksa soğuk (T: 120-240°) mü olduğunu belirleyebilirsiniz
5
CSS hsl() genişletilmiş olarak desteklenmektedir ve souvent tercih edilir rgb()'den daha fazla bakım yapılabilir stiller için

Related Tools

RGB'den HEX'e Dönüştürücü

Kaydırma çubukları ve canlı ön izleme ile RGB renk değerlerini HEX kodlarına dönüştürün.

🎨 Color Tools

HEX'ten HSL'ye Dönüştürücü

HEX renk kodlarını HSL (Ton, Doymuşluk, Parlaklık) değerlerine dönüştürün.

🎨 Color Tools

HSL'den RGB'ye Dönüştürücü

Etkileşimli kaydırma çubukları ve canlı önizleme ile HSL değerlerini RGB'ye dönüştürün.

🎨 Color Tools

Renk Seçici

HEX, RGB, HSL ve CMYK çıktıları ile etkileşimli renk seçici.

🎨 Color Tools

Renk Tonu Jeneratörü

Ayarlabilir adım sayısı ile herhangi bir rengin daha koyu tonlarını oluşturun.

🎨 Color Tools

Frequently Asked Questions

Q RGB'yi HSL'ye neden dönüştürüyoruz?

HSL, renkleri insanların anladığı şekilde tanımlar: rengin ne olduğu (ton), nasıl canlı (doyma) ve nasıl parlak (parlaklık). Bu, R, G, B kanallarını ayarlamaktan daha sezgisel bir renk manipülasyonu sağlar.

Q Dönüştürme kayıpsız mı?

Dönüştürme tüm renk bilgilerini korur. RGB → HSL → RGB'ye dönüştürerek orijinal değerlere (mümkünse küçük yuvarlama ile) geri dönebilirsiniz.

Q Ton 0 ne anlama geliyor?

Ton 0° (ve 360°) kırmızı rengini temsil eder. Ton çarkı şöyledir: Kırmızı(0°) → Sarı(60°) → Yeşil(120°) → Camgöbeği(180°) → Mavi(240°) → Magenta(300°) → Kırmızı(360°).

Q HSL kullanarak bir rengi nasıl daha mat yapabilirim?

Doyma değerini azaltın. %100 doyma tam olarak canlı, daha düşük değerler ise daha mat ve gri tonlar oluşturur. %0 doymada saf gri elde edersiniz.

Q Parlaklık ve parlaklığın ilişkisi nedir?

HSL'de %0 parlaklık her zaman siyah, %100 parlaklık her zaman beyaz ve %50 parlaklık rengin en saf halini temsil eder. Bu, HSV'deki parlaklık/değerden farklıdır, burada %100 parlaklık saf rengi temsil eder.

About This Tool

RGB'den HSL'ye Dönüştürücü is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.