Konverzia farieb RGB na HSL

Zadajte úrovne červenej, zelenej a modrej farby (0..255) a stlačte tlačidlo Konvertovať :

Zadajte červenú farbu (R):
Zadajte zelenú farbu (G):
Zadajte modrú farbu (B):
Odtieň (H):	°
Sýtosť (S):	%
Svetlosť (L):	%
Ukážka farieb:

Konverzia HSL na RGB ►

Vzorec na konverziu RGB na HSL

Hodnoty R , G , B sa delia 255, aby sa zmenil rozsah z 0..255 na 0..1:

R' = R/255

G' = G/255

B' = B/255

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

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

Δ = Cmax - Cmin

 

Výpočet odtieňa:

 

Výpočet saturácie:

 

Výpočet svetlosti:

L = (Cmax + Cmin) / 2

Tabuľka farieb RGB na HSL

Farba	Farba názov	Hex	(R,G,B)	(H,S,L)
	čierna	#000000	(0,0,0)	(0°,0%,0%)
	biely	#FFFFFF	(255 255 255)	(0°,0%,100%)
	Červená	#FF0000	(255,0,0)	(0°,100%,50%)
	Limetka	#00FF00	(0,255,0)	(120°, 100 %, 50 %)
	Modrá	#0000FF	(0,0,255)	(240°, 100 %, 50 %)
	žltá	#FFFF00	(255,255,0)	(60°, 100 %, 50 %)
	Tyrkysový	#00FFFF	(0,255,255)	(180°, 100 %, 50 %)
	purpurová	#FF00FF	(255,0,255)	(300°, 100 %, 50 %)
	Strieborná	#BFBFBF	(191 191 191)	(0°,0%,75%)
	Šedá	#808080	(128 128 128)	(0°,0%,50%)
	Maroon	#800000	(128,0,0)	(0°,100%,25%)
	Olivový	#808000	(128,128,0)	(60°,100%,25%)
	zelená	#008000	(0,128,0)	(120°, 100 %, 25 %)
	Fialová	#800080	(128,0,128)	(300°, 100 %, 25 %)
	Modrozelený	#008080	(0,128,128)	(180°, 100 %, 25 %)
	námorníctvo	#000080	(0,0,128)	(240°, 100 %, 25 %)

 

Konverzia HSL na RGB ►

 

---

Pozri tiež

• Ako previesť RGB na hex
• Hexadecimálny prevodník RGB
• Konvertor HSL na RGB

Funkcie nástroja na prevod farieb RGB na HSL

1. Prevod hodnôt RGB na hodnoty HSL: Nástroj umožňuje používateľom zadávať hodnoty RGB (červená, zelená, modrá) a konvertuje ich na zodpovedajúce hodnoty HSL (odtieň, sýtosť, svetlosť).

2. Prevod hodnôt HSL na hodnoty RGB: Nástroj tiež umožňuje používateľom zadávať hodnoty HSL a konvertovať ich na zodpovedajúce hodnoty RGB.

3. Vlastný farebný vstup: Používatelia môžu zadať svoje vlastné hodnoty RGB alebo HSL na konverziu do iného formátu.

4. Výber farby: Niektoré nástroje na prevod farieb RGB na HSL môžu obsahovať funkciu výberu farby, ktorá používateľom umožňuje vybrať farbu z vizuálnej palety alebo nastavením posuvníkov pre hodnoty RGB alebo HSL.

5. Náhľad výslednej farby: Nástroj by mal po konverzii zobraziť náhľad výslednej farby, aby používatelia videli, ako farba vyzerá.

6. Konverzia viacerých farieb: Niektoré nástroje môžu používateľom umožniť konvertovať viacero farieb naraz, a to buď zadaním viacerých sád hodnôt, alebo pomocou vzorkovníka farieb alebo palety.

7. Knižnica alebo paleta farieb: Niektoré nástroje môžu obsahovať knižnicu alebo paletu preddefinovaných farieb, z ktorých si môžu používatelia vybrať alebo použiť ako referenciu.

8. Responzívny dizajn: Nástroj by mal byť responzívny a mal by dobre fungovať na rôznych zariadeniach, ako sú stolné počítače, tablety a smartfóny.

9. Vizualizácia farebného priestoru HSL: Niektoré nástroje môžu zahŕňať vizualizáciu farebného priestoru HSL, ktorá môže používateľom pomôcť pochopiť, ako rôzne hodnoty HSL zodpovedajú rôznym farbám.

10. Možnosť úpravy hodnôt HSL v percentách alebo stupňoch: Niektoré nástroje môžu používateľom umožniť zadávať hodnoty HSL v percentách alebo stupňoch, v závislosti od ich preferencií.