Prevodník HSL na HEX
Preveďte HSL na HEX priamo počas písania – zadarmo, okamžite, s praktickým príkladom a tabuľkou najbežnejších farieb.
Zadajte hodnotu HSL a prečítajte si výsledok HEX pod ňou, prípadne vyberte farbu z palety.
Názorný príklad
HSL 11, 100%, 60% = HEX #ff5733
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 HSL a HEX
| Farba | HSL | HEX |
|---|---|---|
| Červená | 0, 100%, 50% | #ff0000 |
| Oranžová | 39, 100%, 50% | #ffa500 |
| Žltá | 60, 100%, 50% | #ffff00 |
| Zelená | 120, 100%, 25% | #008000 |
| Azúrová | 180, 100%, 50% | #00ffff |
| Modrá | 240, 100%, 50% | #0000ff |
| Fialová | 300, 100%, 25% | #800080 |
| Ružová | 350, 100%, 88% | #ffc0cb |
| Hnedá | 0, 59%, 41% | #a52a2a |
| Biela | 0, 0%, 100% | #ffffff |
| Sivá | 0, 0%, 50% | #808080 |
| Čierna | 0, 0%, 0% | #000000 |
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ť HSL na HEX?
Zadajte alebo vložte hodnotu HSL vyššie – hodnota HEX 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.