HSL–HEX-värimuunnin
Muunna HSL muotoon HEX kirjoittaessasi – ilmainen, välitön, varustettu esimerkillä ja yleisimpien värien taulukolla.
Kirjoita HSL-arvo ja lue HEX-arvo sen alapuolelta, tai valitse väri värivalitsimesta.
Käytännön esimerkki
HSL 11, 100%, 60% = HEX #ff5733
Miten muunnos toimii
- HEX-koodi sisältää samat kolme RGB-kanavaa kirjoitettuna 16-kantaisessa järjestelmässä: kaksi merkkiä kanavaa kohden, välillä 00 (0) – ff (255).
- HSL kuvailee saman värin sävyn (0–360° väriympyrällä), värikylläisyyden ja valoisuuden avulla – kätevä värin tummentamiseen tai vaimentamiseen vain yhtä komponenttia muuttamalla.
Yleisimmät värit arvoina HSL ja HEX
| Väri | HSL | HEX |
|---|---|---|
| Punainen | 0, 100%, 50% | #ff0000 |
| Oranssi | 39, 100%, 50% | #ffa500 |
| Keltainen | 60, 100%, 50% | #ffff00 |
| Vihreä | 120, 100%, 25% | #008000 |
| Syaani | 180, 100%, 50% | #00ffff |
| Sininen | 240, 100%, 50% | #0000ff |
| Purppura | 300, 100%, 25% | #800080 |
| Vaaleanpunainen | 350, 100%, 88% | #ffc0cb |
| Ruskea | 0, 59%, 41% | #a52a2a |
| Valkoinen | 0, 0%, 100% | #ffffff |
| Harmaa | 0, 0%, 50% | #808080 |
| Musta | 0, 0%, 0% | #000000 |
Jokainen muunnos tapahtuu selaimessasi. Mitään syöttämiäsi tietoja ei lähetetä BroBroGo-palveluun.
Usein kysytyt kysymykset
Miten muunnan värin HSL muotoon HEX?
Kirjoita tai liitä HSL-arvosi yläpuolelle – HEX-arvo päivittyy sitä mukaa kun kirjoitat. Voit myös valita värin visuaalisesti värivalitsimella.
Onko muunnos tarkka?
Arvot pyöristetään kokonaisluvuiksi, joita CSS ja suunnittelutyökalut odottavat. Ero on huomattavasti pienempi kuin mitä ihmissilmä pystyy havaitsemaan.