HEX to HSL konverter
Teisendage HEX vormingusse HSL kirjutamise ajal – tasuta, koheselt, koos näidise ja levinumate värvide tabeliga.
Sisestage HEX-väärtus ja vaadake selle all olevat HSL-väärtust või valige värv paletilt.
Praktiline näide
HEX #ff5733 = HSL 11, 100%, 60%
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 HEX ja HSL
| Värv | HEX | HSL |
|---|---|---|
| Punane | #ff0000 | 0, 100%, 50% |
| Oranž | #ffa500 | 39, 100%, 50% |
| Kollane | #ffff00 | 60, 100%, 50% |
| Roheline | #008000 | 120, 100%, 25% |
| Tsüaan | #00ffff | 180, 100%, 50% |
| Sinine | #0000ff | 240, 100%, 50% |
| Lilla | #800080 | 300, 100%, 25% |
| Roosa | #ffc0cb | 350, 100%, 88% |
| Pruun | #a52a2a | 0, 59%, 41% |
| Valge | #ffffff | 0, 0%, 100% |
| Hall | #808080 | 0, 0%, 50% |
| Must | #000000 | 0, 0%, 0% |
Iga teisendus toimub teie brauseris. Midagi teie sisestatust ei laadita BroBroGo serverisse.
KKK
Kuidas teisendada HEX vormingusse HSL?
Sisestage või kleepige oma HEX-väärtus ülalolevale väljale – HSL-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.