HSL–RGB-värimuunnin
Muunna HSL muotoon RGB kirjoittaessasi – ilmainen, välitön, varustettu esimerkillä ja yleisimpien värien taulukolla.
Kirjoita HSL-arvo ja lue RGB-arvo sen alapuolelta, tai valitse väri värivalitsimesta.
Käytännön esimerkki
HSL 11, 100%, 60% = RGB 255, 87, 51
Miten muunnos toimii
- 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 RGB
| Väri | HSL | RGB |
|---|---|---|
| Punainen | 0, 100%, 50% | 255, 0, 0 |
| Oranssi | 39, 100%, 50% | 255, 165, 0 |
| Keltainen | 60, 100%, 50% | 255, 255, 0 |
| Vihreä | 120, 100%, 25% | 0, 128, 0 |
| Syaani | 180, 100%, 50% | 0, 255, 255 |
| Sininen | 240, 100%, 50% | 0, 0, 255 |
| Purppura | 300, 100%, 25% | 128, 0, 128 |
| Vaaleanpunainen | 350, 100%, 88% | 255, 192, 203 |
| Ruskea | 0, 59%, 41% | 165, 42, 42 |
| Valkoinen | 0, 0%, 100% | 255, 255, 255 |
| Harmaa | 0, 0%, 50% | 128, 128, 128 |
| Musta | 0, 0%, 0% | 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 HSL muotoon RGB?
Kirjoita tai liitä HSL-arvosi yläpuolelle – RGB-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.