RGB-HSL-värimuunnin
Muunna puna-, viher- ja siniarvot HSL-värimalliksi, jossa saat sävyn asteina sekä kylläisyyden ja vaaleuden prosentteina.
Saturation 100% · Lightness 63,9%
- 1
Normalize RGB
R ÷ 255, G ÷ 255, B ÷ 255 = 1, 0,3882, 0,2784 - 2
Lightness L
(1 + 0,2784) ÷ 2 = 63,9% - 3
Chroma d
1 − 0,2784 = 0,7216 - 4
Saturation S
0,7216 ÷ (1 − |2 × 0,6392 − 1|) = 100%Zero for grey; 1 for a fully saturated colour. - 5
Hue H
60 × (((0,3882 − 0,2784) ÷ 0,7216) mod 6) = 9,1Red is the dominant channel.
Miten tämä laskin toimii?
Jaa jokainen RGB-kanava 255:llä, ota sitten maksimi ja minimi. Vaaleus on niiden keskiarvo, kylläisyys on kromaattisuus jaettuna luvulla (1 − |2L − 1|), ja sävy tulee hallitsevasta kanavasta. Tulos on HSL: sävy asteina sekä kylläisyys ja vaaleus prosentteina.
Kaava
How this is calculated
Syötä kolme RGB-kanavaa (R, G, B), kukin välillä 0–255. Arvot rajataan tähän väliin ja jaetaan 255:llä, joten jokaisesta kanavasta tulee murtoluku välillä 0–1. Kolmesta murtoluvusta suurin on max ja pienin on min.
Vaaleus on ääriarvojen keskipiste, L = (max + min) / 2. Kromaattisuus d = max − min ohjaa kylläisyyttä: S = d / (1 − |2L − 1|), joka on 0 mille tahansa harmaalle, jossa max on yhtä suuri kuin min. Sävy löydetään siitä kanavasta, joka on maksimi — punainen antaa 60·(((g−b)/d) mod 6), vihreä antaa 60·((b−r)/d + 2), ja sininen antaa 60·((r−g)/d + 4); negatiivinen tulos kierretään lisäämällä 360.
Ulostulot ovat H asteina (0–360°) sekä S ja L prosenteiksi skaalattuina (×100). Puhtaille harmaille (R = G = B) sävy ja kylläisyys ovat molemmat 0 ja vain vaaleus vaihtelee. Muunnos on tarkka ja häviötön lukuun ottamatta näytettyä prosenttipyöristystä.
Usein kysytyt kysymykset
Kun R, G ja B ovat identtiset, väri on harmaan sävy, joten kromaattisuus (max − min) on nolla. Ilman värisisältöä ei ole sävyä eikä kylläisyyttä, vain vaaleus muuttuu mustasta valkoiseen.
Sävy raportoidaan asteina välillä 0–360°, kun taas kylläisyys ja vaaleus ovat prosentteja välillä 0–100 %. Tämä vastaa CSS:n hsl()-merkintää, joten voit liittää arvot suoraan tyylitiedostoihin.
Ei. HSL-vaaleus on vaaleimman ja tummimman kanavan keskiarvo, joten puhtaat värit sijaitsevat 50 %:n vaaleudessa. HSV-arvo käyttää vain maksimikanavaa, joten nämä kaksi mallia raportoivat eri luvut samalle värille.
Tunnetaan myös nimellä
TG we-Calculate Editorial Team. (2026). RGB-HSL-värimuunnin [Online calculator]. TG we-Calculate. https://we-calculate.com/fi/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "RGB-HSL-värimuunnin." TG we-Calculate. 2026. https://we-calculate.com/fi/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "RGB-HSL-värimuunnin," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/fi/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {RGB-HSL-värimuunnin}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/fi/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Oliko tästä laskimesta sinulle apua?