Pantone-työkalut

HSL HEX:ksi

Muunna HSL-väriarvot HEX-värikoodeiksi tarkasti, täydellinen web-suunnitteluun ja digitaalisiin sovelluksiin

Värimuunnin

HSL Input

180° 360°
100%
0% 50% 100%
50%
0% 50% 100%

Napsauta värikarttoja nähdäksesi esimerkkejä

HEX Output

HEX Value

RGB Value

rgb(255, 0, 0)

HSL Value

hsl(0°, 100%, 50%)

Väritiedot

Värityyppi

Punainen

Kirkkaus

Korkea

CSS-yhteensopivuus

Täysi tuki

Verkkoturvallinen

Kyllä

Muunnosesimerkkejä

Punainen

HSL: 0°, 100%, 50%

HEX: #FF0000

Vihreä

HSL: 120°, 100%, 50%

HEX: #00FF00

Sininen

HSL: 240°, 100%, 50%

HEX: #0000FF

Keltainen

HSL: 60°, 100%, 50%

HEX: #FFFF00

Purppura

HSL: 300°, 100%, 50%

HEX: #FF00FF

Syaani

HSL: 180°, 100%, 50%

HEX: #00FFFF

Suositellut työkalut

Tietoja tästä työkalusta

HSL-HEX-muuntimemme tarjoaa tarkan muunnoksen näiden kahden digitaalisessa suunnittelussa ja web-kehityksessä käytetyn suositun värimuodon välillä.

HSL (Hue, Saturation, Lightness) is a color model that describes colors in terms that align with human perception. It's particularly intuitive for creating color variations and schemes, allowing designers to easily adjust saturation and lightness while maintaining the same hue.

HEX (Hexadecimal) is a six-character code representing RGB color values in hexadecimal format. It's the most common color format used in web design and CSS, offering a compact way to specify colors with exact precision.

Tämä muunnostyökalu yhdistää nämä kaksi muotoa, jolloin suunnittelijat voivat työskennellä intuitiivisemmassa HSL-mallissa ja luoda verkkosivustoilla ja digitaalisissa sovelluksissa tarvittavia HEX-koodeja. Muunnos on matemaattisesti tarkka, mikä varmistaa tarkan värien esityksen molemmissa muodoissa.

Usein kysytyt kysymykset