HSL to HEX konverter
Teisendage HSL vormingusse HEX kirjutamise ajal – tasuta, koheselt, koos näidise ja levinumate värvide tabeliga.
Sisestage HSL-väärtus ja vaadake selle all olevat HEX-väärtust või valige värv paletilt.
Praktiline näide
HSL 11, 100%, 60% = HEX #ff5733
Kuidas teisendamine toimib
- HEX-kood kujutab endast samu kolme RGB-kanalit, mis on kirjutatud kuueteistkümnendsüsteemis: kaks sümbolit kanali kohta, vahemikus 00 (0) kuni ff (255).
- HSL kirjeldab sama värvi toonikoodi (0–360° värviringil), küllastuse ja heleduse kaudu. See on mugav värvi tumendamiseks või küllastuse vähendamiseks vaid ühe komponendi muutmise teel.
Levinumad värvid vormingutes HSL ja HEX
| Värv | HSL | HEX |
|---|---|---|
| Punane | 0, 100%, 50% | #ff0000 |
| Oranž | 39, 100%, 50% | #ffa500 |
| Kollane | 60, 100%, 50% | #ffff00 |
| Roheline | 120, 100%, 25% | #008000 |
| Tsüaan | 180, 100%, 50% | #00ffff |
| Sinine | 240, 100%, 50% | #0000ff |
| Lilla | 300, 100%, 25% | #800080 |
| Roosa | 350, 100%, 88% | #ffc0cb |
| Pruun | 0, 59%, 41% | #a52a2a |
| Valge | 0, 0%, 100% | #ffffff |
| Hall | 0, 0%, 50% | #808080 |
| Must | 0, 0%, 0% | #000000 |
Iga teisendus toimub teie brauseris. Midagi teie sisestatust ei laadita BroBroGo serverisse.
KKK
Kuidas teisendada HSL vormingusse HEX?
Sisestage või kleepige oma HSL-väärtus ülalolevale väljale – HEX-väärtus uueneb kirjutamise ajal. Värvi saate valida ka visuaalselt värvipaletilt.
Kas teisendamine on täpne?
Väärtused ümardatakse täisarvudeni, mida eeldavad CSS ja disainitööriistad. Erinevus jääb kaugele allapoole inimsilma eristusvõimet.