HEX HSL:ksi
Muunna HEX-värikoodit HSL-arvoiksi tarkasti, ihanteellinen värien käsittelyyn ja suunnittelujärjestelmiin
Värimuunnin
Väritulos
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%)
Muunnosesimerkkejä
Punainen
HEX: #FF0000
HSL: 0°, 100%, 50%
Vihreä
HEX: #00FF00
HSL: 120°, 100%, 50%
Sininen
HEX: #0000FF
HSL: 240°, 100%, 50%
Keltainen
HEX: #FFFF00
HSL: 60°, 100%, 50%
Purppura
HEX: #FF00FF
HSL: 300°, 100%, 50%
Syaani
HEX: #00FFFF
HSL: 180°, 100%, 50%
Suositellut työkalut
HSL to HEX
Muunna HSL-väriarvot takaisin HEX-värikoodeiksi web-kehitystä varten
HSL to RGB Converter
Muunna HSL-väriarvot RGB-värikoodeiksi digitaalista suunnittelua varten
Väriharmonian generaattori
Luo täydentäviä värimaailmoja käyttämällä HSL-väriteoriaa
HSL Color Manipulator
Säädä sävyä, kylläisyyttä ja kirkkautta luodaksesi värivaihteluita
Tietoja tästä työkalusta
HEX-HSL-muuntimemme muuntaa heksadesimaalivärikoodit HSL-värimalliksi (Hue, Saturation, Lightness), mikä on erityisen hyödyllistä värien käsittelyssä ja yhtenäisten värimaailmojen luomisessa.
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%).
Tämä muunnos on erityisen arvokas CSS:n kanssa työskenteleville web-kehittäjille ja suunnittelijoille, koska HSL mahdollistaa intuitiiviset värien säädöt. Yhden komponentin (sävyn, kylläisyyden tai vaaleuden) muokkaaminen tuottaa ennustettavia tuloksia, mikä helpottaa värivaihteluiden ja harmonioiden luomista.
Muunnosprosessi muuntaa ensin HEX-värit RGB-muotoon ja sitten RGB-värit HSL-muotoon käyttämällä alan standardin mukaisia algoritmeja, jotka säilyttävät tarkasti värien eheyden eri värimallien välillä.