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