HEX į HSL
Tiksliai konvertuokite HEX spalvų kodus į HSL reikšmes, idealiai tinka spalvų manipuliavimui ir dizaino sistemoms
Spalvų keitiklis
Spalvų rezultatas
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%)
Konversijos pavyzdžiai
Raudona
HEX: #FF0000
HSL: 0°, 100%, 50%
Žalia
HEX: #00FF00
HSL: 120°, 100%, 50%
Mėlyna
HEX: #0000FF
HSL: 240°, 100%, 50%
Geltona
HEX: #FFFF00
HSL: 60°, 100%, 50%
Rausvai raudona
HEX: #FF00FF
HSL: 300°, 100%, 50%
Žydra
HEX: #00FFFF
HSL: 180°, 100%, 50%
Rekomenduojami įrankiai
HSL to HEX
Konvertuokite HSL spalvų reikšmes atgal į HEX spalvų kodus, skirtus žiniatinklio kūrimui
HSL to RGB Converter
Transformuokite HSL spalvų vertes į RGB spalvų kodus skaitmeniniam dizainui
Spalvų harmonijos generatorius
Sukurkite papildomas spalvų schemas naudodami HSL spalvų teoriją
HSL Color Manipulator
Koreguokite atspalvį, sodrumą ir šviesumą, kad sukurtumėte spalvų variacijas
Apie šį įrankį
Mūsų HEX į HSL konverteris šešioliktainius spalvų kodus transformuoja į HSL (atspalvio, sodrumo, šviesumo) spalvų modelį, kuris ypač naudingas spalvų manipuliavimui ir nuoseklių spalvų schemų kūrimui.
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%).
Ši konvertavimo kalba ypač vertinga žiniatinklio kūrėjams ir dizaineriams, dirbantiems su CSS, nes HSL leidžia intuityviai koreguoti spalvas. Vieno komponento (atspalvio, sodrumo ar šviesumo) modifikavimas duoda nuspėjamus rezultatus, todėl lengviau kurti spalvų variantus ir harmonijas.
Konvertavimo procesas pirmiausia konvertuoja HEX į RGB, o tada konvertuoja RGB į HSL, naudojant pramonės standartus atitinkančius algoritmus, kurie tiksliai išsaugo spalvų vientisumą tarp skirtingų spalvų modelių.