RGB:stä HSL:ksi värimuunnos

Syötä punaisen, vihreän ja sinisen väritasot (0...255) ja paina Muunna - painiketta:

Syötä punainen väri (R):
Anna vihreä väri (G):
Anna sininen väri (B):
Sävy (H):	°
Kylläisyys (S):	%
Vaaleus (L):	%
Värien esikatselu:

HSL:n muunnos RGB:ksi ►

RGB-HSL-muunnoskaava

R , G , B -arvot jaetaan 255:llä, jolloin alue muutetaan välillä 0..255 arvoon 0..1 :

R' = R/255

G' = G/255

B' = B/255

Cmax = max(R', G', B')

Cmin = min(R', G', B')

Δ = Cmax - Cmin

 

Sävyn laskenta:

 

Kyllästymislaskenta:

 

Keveyslaskenta:

L = (Cmax + Cmin) / 2

RGB-HSL-väritaulukko

Väri	Väri nimi	Hex	(R,G,B)	(H, S, L)
	Musta	#000000	(0,0,0)	(0°,0%,0%)
	Valkoinen	#FFFFFF	(255 255 255)	(0°,0%, 100%)
	Punainen	#FF0000	(255,0,0)	(0°,100%,50%)
	Lime	#00FF00	(0 255,0)	(120°,100%,50%)
	Sininen	#0000FF	(0,0,255)	(240°, 100 %, 50 %)
	Keltainen	#FFFF00	(255 255,0)	(60°,100%,50%)
	Syaani	#00FFFF	(0 255 255)	(180°,100%,50%)
	Magenta	#FF00FF	(255,0,255)	(300°,100%,50%)
	Hopea	#BFBFBF	(191 191 191)	(0°,0%, 75%)
	harmaa	#808080	(128 128 128)	(0°,0%, 50%)
	Kastanjanruskea	#800000	(128,0,0)	(0°,100%,25%)
	Oliivi	#808000	(128 128,0)	(60°, 100 %, 25 %)
	Vihreä	#008000	(0 128,0)	(120°, 100 %, 25 %)
	Violetti	#800080	(128,0,128)	(300°,100%,25%)
	Sinivihreä	#008080	(0 128 128)	(180°, 100 %, 25 %)
	Laivasto	#000080	(0,0,128)	(240°, 100 %, 25 %)

 

HSL:n muunnos RGB:ksi ►

 

---

Katso myös

• Kuinka muuntaa RGB hex-muotoon
• Hex-RGB-muunnin
• HSL-RGB-muunnin

RGB-HSL-värinmuunnintyökalun ominaisuudet

1. Muunna RGB-arvot HSL-arvoiksi: Työkalun avulla käyttäjät voivat syöttää RGB-arvoja (punainen, vihreä, sininen) ja muuntaa ne vastaaviksi HSL-arvoiksi (sävy, kylläisyys, vaaleus).

2. Muunna HSL-arvot RGB-arvoiksi: Työkalun avulla käyttäjät voivat myös syöttää HSL-arvoja ja muuntaa ne vastaaviksi RGB-arvoiksi.

3. Mukautettu värisyöttö: Käyttäjät voivat syöttää omia RGB- tai HSL-arvojaan muuntaakseen toiseen muotoon.

4. Värinvalitsin: Jotkin RGB-HSL-värinmuunnintyökalut voivat sisältää värinvalitsinominaisuuden, jonka avulla käyttäjät voivat valita värin visuaalisesta paletista tai säätämällä RGB- tai HSL-arvojen liukusäätimiä.

5. Tuloksena olevan värin esikatselu: Työkalun tulee näyttää tuloksena olevan värin esikatselu muunnoksen jälkeen, jotta käyttäjät voivat nähdä, miltä väri näyttää.

6. Useiden värien muuntaminen: Jotkin työkalut voivat antaa käyttäjille mahdollisuuden muuntaa useita värejä kerralla joko syöttämällä useita arvojoukkoja tai käyttämällä värimallia tai palettia.

7. Värikirjasto tai -paletti: Jotkin työkalut voivat sisältää ennalta määritettyjen värien kirjaston tai paletin, joista käyttäjät voivat valita tai käyttää niitä viitteenä.

8. Responsiivinen suunnittelu: Työkalun tulee olla reagoiva ja toimia hyvin useissa laitteissa, kuten pöytätietokoneissa, tableteissa ja älypuhelimissa.

9. HSL-väriavaruuden visualisointi: Jotkin työkalut voivat sisältää HSL-väriavaruuden visualisoinnin, joka voi auttaa käyttäjiä ymmärtämään, kuinka eri HSL-arvot vastaavat eri värejä.

10. Mahdollisuus säätää HSL-arvoja prosentteina tai asteina: Jotkin työkalut voivat antaa käyttäjien syöttää HSL-arvoja prosentteina tai asteina mieltymyksensä mukaan.