Prevodník HEX na HSL
Preveďte HEX na HSL priamo počas písania – zadarmo, okamžite, s praktickým príkladom a tabuľkou najbežnejších farieb.
Zadajte hodnotu HEX a prečítajte si výsledok HSL pod ňou, prípadne vyberte farbu z palety.
Názorný príklad
HEX #ff5733 = HSL 11, 100%, 60%
Ako funguje prevod
- Kód HEX predstavuje tie isté tri kanály RGB zapísané v hexadecimálnej sústave (základ 16): dve cifry na kanál, od 00 (0) do ff (255).
- HSL popisuje rovnakú farbu pomocou odtieňa (0 – 360° na farebnom kruhu), sýtosti a jasu – čo je praktické, ak chcete farbu stmaviť alebo zosvetliť zmenou jediného parametra.
Bežné farby v hodnotách HEX a HSL
| Farba | HEX | HSL |
|---|---|---|
| Červená | #ff0000 | 0, 100%, 50% |
| Oranžová | #ffa500 | 39, 100%, 50% |
| Žltá | #ffff00 | 60, 100%, 50% |
| Zelená | #008000 | 120, 100%, 25% |
| Azúrová | #00ffff | 180, 100%, 50% |
| Modrá | #0000ff | 240, 100%, 50% |
| Fialová | #800080 | 300, 100%, 25% |
| Ružová | #ffc0cb | 350, 100%, 88% |
| Hnedá | #a52a2a | 0, 59%, 41% |
| Biela | #ffffff | 0, 0%, 100% |
| Sivá | #808080 | 0, 0%, 50% |
| Čierna | #000000 | 0, 0%, 0% |
Každá konverzia prebieha vo vašom prehliadači. Nič z toho, čo zadáte, sa neodosiela na BroBroGo.
Často kladené otázky
Ako premeniť HEX na HSL?
Zadajte alebo vložte hodnotu HEX vyššie – hodnota HSL sa bude aktualizovať počas písania. Farbu môžete vybrať aj vizuálne pomocou palety.
Je prevod presný?
Hodnoty sa zaokrúhľujú na celé čísla, čo je formát, ktorý vyžadujú CSS a dizajnové nástroje. Rozdiel je hlboko pod hranicou rozlíšiteľnosti ľudským okom.