HSL - RGB Renk Cevirici
Ton (0-360 derece), doygunluk ve parlaklik (yuzde) degerlerini girin; arac renginizi RGB formatina (0-255 kirmizi, yesil, mavi) cevirsin. CSS'te tanimladiginiz bir HSL rengini goruntu duzenleme veya baska araclarda kullanmak icin idealdir.
hsl(210, 65%, 45%)Ciktidaki R, G, B degerleri 0-255 araliginda kirmizi, yesil ve mavi kanal yogunluklarini gosterir. Bu degerleri CSS'te rgb(R, G, B) seklinde veya goruntu duzenleme yazilimlarinda dogrudan kullanabilirsiniz.
Sonuc nasil yorumlanir?
Ciktidaki R, G, B degerleri 0-255 araliginda kirmizi, yesil ve mavi kanal yogunluklarini gosterir. Bu degerleri CSS'te rgb(R, G, B) seklinde veya goruntu duzenleme yazilimlarinda dogrudan kullanabilirsiniz.
HSL degerleri RGB'ye nasil cevrilir?
Once doygunluk ve parlaklik degerlerinden bir 'renk genisligi' (C) hesaplanir. Tonun hangi 60 derecelik dilime dustugune gore R, G, B kanallarina gecici degerler atanir; son olarak parlaklik farki (m) eklenerek 0-255 araligina olceklenir.
Formül
- Doygunluk ve parlaklik yuzdeden 0-1 araligina cevrilir.
- Parlaklik farkindan (m) bagimsiz bir 'renk genisligi' (C) hesaplanir.
- Ton degerinin hangi 60 derecelik dilime dustugu belirlenir.
- Bu dilime gore R, G, B kanallarina gecici (C, X, 0 kombinasyonlu) degerler atanir.
- Parlaklik farki (m) eklenip 255 ile carpilarak nihai R, G, B degerleri elde edilir.
Ornek HSL - RGB donusumu
H=210°, S=%65, L=%45 (canli bir mavi tonu) degerleri yaklasik olarak R=40, G=115, B=189 RGB degerine karsilik gelir.
HSL - RGB donusumu icin ipuclari
- Ton (H) degerini 0 ile 360 derece arasinda girin; 360 derece 0 derece ile ayni renge (kirmizi) karsilik gelir.
- Doygunluk ve parlaklik degerlerini yuzde olarak (0-100) girin; ondalikli degerler daha hassas sonuc verir.
- Sonuc RGB degerleri ondalikli cikabilir; ekran veya CSS'te kullanirken en yakin tam sayiya yuvarlanabilir.
Karşılaştırmalar
RGB(255, 0, 0)
Saf kirmizi; renk cemberinin baslangic noktasi.
RGB(0, 255, 0)
Saf yesil; renk cemberinde 120 derece.
RGB(0, 0, 255)
Saf mavi; renk cemberinde 240 derece.
yaklasik RGB(128, 128, 128)
Notr gri; doygunluk sifir oldugundan ton gorsel olarak onemsizdir.
HSL - RGB renk donusumu rehberi
HSL (Hue, Saturation, Lightness) modeli, tasarimcilarin bir rengi tanimlarken en cok kullandigi formatlardan biridir; cunku ton, doygunluk ve parlakligi birbirinden bagimsiz olarak ayarlamak, bir rengin varyasyonlarini olusturmayi kolaylastirir. Ancak ekranlar ve cogu goruntu formati renkleri RGB olarak islediginden, HSL'de tasarlanan bir rengin ekranda gosterilebilmesi icin RGB'ye cevrilmesi gerekir.
Bu donusumun temelinde, tonun (H) hangi 60 derecelik renk diliminde oldugunu belirlemek yatar; renk cemberi altisar derecelik alti esit dilime ayrilir ve her dilimde kirmizi, yesil, mavi kanallarindan farkli bir kombinasyon baskin hale gelir.
Doygunluk ve parlaklik degerleri, bu dilim icindeki kanal degerlerinin ne kadar 'genis' (C) olacagini belirler. Yuksek doygunluk daha canli, dusuk doygunluk ise daha soluk (griye yakin) renkler uretir; parlaklik ise sonucu siyaha veya beyaza dogru kaydirir.
Bu arac, girdiginiz H, S, L degerlerini standart donusum adimlariyle isleyerek dogrudan kullanilabilir R, G, B degerleri uretir. Sonuclari CSS'te rgb() fonksiyonunda, goruntu duzenleme yazilimlarinda veya baska renk tabanli araclarda kullanabilirsiniz.
HSL'den RGB'ye donusum ozellikle bir tasarim sisteminde HSL ile tanimlanmis marka renklerini, RGB veya HEX bekleyen ucuncu parti araclara (ornegin eski gorsel duzenleyiciler veya baski yazilimlari) aktarmak isteyen gelistiriciler icin pratik bir cozumdur.
FAQ
HSL nedir?
HSL, bir rengi ton (Hue), doygunluk (Saturation) ve parlaklik (Lightness) olmak uzere uc bilesenle tanimlayan bir renk modelidir.
RGB nedir?
RGB, ekranlarda kirmizi, yesil ve mavi isik yogunluklarinin 0-255 araliginda birlestirilmesiyle renk olusturan bir renk modelidir.
HSL'den RGB'ye neden gecis yapilir?
CSS veya tasarim aracinda HSL ile tanimlanan bir rengi, goruntu duzenleme yazilimlari veya RGB tabanli baska sistemlerde kullanmak icin bu donusum gereklidir.
Ton (H) degeri 360'i gecerse ne olur?
Ton degeri renk cemberinde donduugu icin 360 derece 0 derece ile ayni rengi (kirmizi) ifade eder; arac 0-360 araliginda deger girilmesini bekler.
Doygunluk (S) %0 oldugunda sonuc ne olur?
Doygunluk %0 oldugunda ton degerinin hicbir etkisi kalmaz ve sonuc, yalnizca parlaklik degerine bagli bir gri tonu (R=G=B) olur.
Parlaklik (L) %50 ve doygunluk %100 en canli rengi mi verir?
Evet, parlaklik %50 iken doygunluk %100 oldugunda renk en canli (en doygun) haline ulasir; bu deger kombinasyonu saf renklerin (kirmizi, yesil, mavi vb.) tipik degeridir.
Sonuctaki RGB degerleri neden ondalikli cikiyor?
HSL-RGB donusum formulu matematiksel oldugundan sonuc her zaman tam sayi cikmayabilir; goruntuleme sistemleri bu degerleri genellikle en yakin tam sayiya yuvarlar.
Bu arac hangi renk formatlarini destekliyor?
Bu arac HSL (ton, doygunluk, parlaklik) girdisini RGB (kirmizi, yesil, mavi) ciktisina cevirir; sonuclari goruntu duzenleme yazilimlarinda veya rgb() CSS fonksiyonunda kullanabilirsiniz.
İlgili araçlar
Bu aracı sitenize ekleyin
<iframe src="https://pinfox.tech/tr/tools/genel/hsl-rgb-cevirici/?embed=1" width="100%" height="720" loading="lazy" style="border:0;border-radius:12px;overflow:hidden" title="HSL - RGB Renk Cevirici - Pinfox"></iframe>