Převod barev RGB na HSL

Zadejte úrovně červené, zelené a modré barvy (0..255) a stiskněte tlačítko Převést :

Zadejte červenou barvu (R):
Zadejte zelenou barvu (G):
Zadejte modrou barvu (B):
   
Odstín (H): °  
Sytost (S): %  
Lehkost (L): %  
Náhled barev:  

Převod HSL na RGB ►

Vzorec pro převod RGB na HSL

Hodnoty R , G , B jsou dělené 255, aby se změnil 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 odstínu:

 

Výpočet saturace:

 

Výpočet světlosti:

L = (Cmax + Cmin) / 2

Tabulka barev RGB až HSL

Barva Barva

název

 Hex (R,G,B) (H,S,L)
  Černá #000000 (0,0,0) (0°,0%,0%)
  Bílý #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%)
  Žlutá #FFFF00 (255,255,0) (60°,100%,50%)
  Tyrkysová #00FFFF (0,255,255) (180°,100%,50%)
  Purpurová #FF00FF (255,0,255) (300°,100%,50%)
  stříbrný #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%)
  Nachový #800080 (128,0,128) (300°,100%,25%)
  Teal #008080 (0,128,128) (180°,100%,25%)
  námořnictvo #000080 (0,0,128) (240°,100%,25%)

 

Převod HSL na RGB ►

 

Viz také

Funkce nástroje pro převod barev RGB na HSL

  1. Převod hodnot RGB na hodnoty HSL: Nástroj umožňuje uživatelům zadávat hodnoty RGB (červená, zelená, modrá) a převádět je na odpovídající hodnoty HSL (odstín, sytost, světlost).

  2. Převod hodnot HSL na hodnoty RGB: Nástroj také umožňuje uživatelům zadávat hodnoty HSL a převádět je na odpovídající hodnoty RGB.

  3. Vlastní zadání barev: Uživatelé mohou zadat své vlastní hodnoty RGB nebo HSL a převést je do jiného formátu.

  4. Výběr barvy: Některé nástroje pro převod barev RGB na HSL mohou obsahovat funkci výběru barvy, která uživatelům umožňuje vybrat barvu z vizuální palety nebo nastavením posuvníků pro hodnoty RGB nebo HSL.

  5. Náhled výsledné barvy: Nástroj by měl po převodu zobrazit náhled výsledné barvy, aby uživatelé viděli, jak barva vypadá.

  6. Převod více barev: Některé nástroje mohou uživatelům umožnit převádět více barev najednou, buď zadáním více sad hodnot, nebo pomocí vzorníku barev nebo palety.

  7. Knihovna nebo paleta barev: Některé nástroje mohou obsahovat knihovnu nebo paletu předdefinovaných barev, které si uživatelé mohou vybrat nebo použít jako referenci.

  8. Responzivní design: Nástroj by měl být responzivní a dobře fungovat na různých zařízeních, jako jsou stolní počítače, tablety a chytré telefony.

  9. Vizualizace barevného prostoru HSL: Některé nástroje mohou zahrnovat vizualizaci barevného prostoru HSL, která může uživatelům pomoci pochopit, jak různé hodnoty HSL odpovídají různým barvám.

  10. Možnost upravit hodnoty HSL v procentech nebo stupních: Některé nástroje mohou uživatelům umožnit zadávat hodnoty HSL v procentech nebo stupních, v závislosti na jejich preferencích.

Advertising

KONVERZE BAREV
°• CmtoInchesConvert.com •°