HEX–HSL-värimuunnin
Muunna HEX muotoon HSL kirjoittaessasi – ilmainen, välitön, varustettu esimerkillä ja yleisimpien värien taulukolla.
Kirjoita HEX-arvo ja lue HSL-arvo sen alapuolelta, tai valitse väri värivalitsimesta.
Käytännön esimerkki
HEX #ff5733 = HSL 11, 100%, 60%
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 HEX ja HSL
| Väri | HEX | HSL |
|---|---|---|
| Punainen | #ff0000 | 0, 100%, 50% |
| Oranssi | #ffa500 | 39, 100%, 50% |
| Keltainen | #ffff00 | 60, 100%, 50% |
| Vihreä | #008000 | 120, 100%, 25% |
| Syaani | #00ffff | 180, 100%, 50% |
| Sininen | #0000ff | 240, 100%, 50% |
| Purppura | #800080 | 300, 100%, 25% |
| Vaaleanpunainen | #ffc0cb | 350, 100%, 88% |
| Ruskea | #a52a2a | 0, 59%, 41% |
| Valkoinen | #ffffff | 0, 0%, 100% |
| Harmaa | #808080 | 0, 0%, 50% |
| Musta | #000000 | 0, 0%, 0% |
Jokainen muunnos tapahtuu selaimessasi. Mitään syöttämiäsi tietoja ei lähetetä BroBroGo-palveluun.
Usein kysytyt kysymykset
Miten muunnan värin HEX muotoon HSL?
Kirjoita tai liitä HEX-arvosi yläpuolelle – HSL-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.