HEX do HSL
Přesný převod hexadecimálních barevných kódů na hodnoty HSL, ideální pro manipulaci s barvami a designové systémy
Převodník barev
Výsledek barvy
HSL Values
0° = Red, 120° = Green, 240° = Blue
0% = Gray, 100% = Full color
0% = Black, 100% = White
RGB Equivalent
rgb(255, 255, 255)
hsl(0, 0%, 100%)
Příklady konverzí
Červený
HEX: #FF0000
HSL: 0°, 100%, 50%
Zelený
HEX: #00FF00
HSL: 120°, 100%, 50%
Modrý
HEX: #0000FF
HSL: 240°, 100%, 50%
Žluť
HEX: #FFFF00
HSL: 60°, 100%, 50%
Purpurová
HEX: #FF00FF
HSL: 300°, 100%, 50%
Azurová
HEX: #00FFFF
HSL: 180°, 100%, 50%
Doporučené nástroje
HSL to HEX
Převod barevných hodnot HSL zpět na barevné kódy HEX pro vývoj webu
HSL to RGB Converter
Transformace barevných hodnot HSL na barevné kódy RGB pro digitální design
Generátor barevné harmonie
Vytvářejte doplňková barevná schémata pomocí teorie barev HSL
HSL Color Manipulator
Upravte odstín, sytost a světlost pro vytvoření barevných variací
O tomto nástroji
Náš převodník HEX na HSL transformuje hexadecimální barevné kódy do barevného modelu HSL (odstín, sytost, světlost), což je obzvláště užitečné pro manipulaci s barvami a vytváření konzistentních barevných schémat.
HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).
Tato konverze je obzvláště cenná pro webové vývojáře a designéry pracující s CSS, protože HSL umožňuje intuitivní úpravy barev. Úprava jedné složky (odstín, sytost nebo světlost) vede k předvídatelným výsledkům, což usnadňuje vytváření barevných variací a harmonií.
Proces převodu nejprve transformuje HEX na RGB a poté převede RGB na HSL pomocí standardních algoritmů, které přesně zachovávají integritu barev mezi různými barevnými modely.