Převodník HEX na HSL
Převádějte HEX na HSL přímo během psaní – zdarma, okamžitě, s názorným příkladem a tabulkou běžných barev.
Zadejte hodnotu HEX a přečtěte si hodnotu HSL pod ní, nebo vyberte barvu z palety.
Názorný příklad
HEX #ff5733 = HSL 11, 100%, 60%
Jak převod funguje
- Kód HEX představuje stejné tři kanály RGB zapsané v šestnáctkové soustavě: dvě číslice na kanál, od 00 (0) do ff (255).
- HSL popisuje stejnou barvu pomocí odstínu (0–360° na barevném kruhu), sytosti a jasu – to je praktické pro ztmavení nebo odbarvení barvy změnou pouze jedné složky.
Běžné barvy v hodnotách HEX a HSL
| Barva | HEX | HSL |
|---|---|---|
| Červená | #ff0000 | 0, 100%, 50% |
| Oranžová | #ffa500 | 39, 100%, 50% |
| Žlutá | #ffff00 | 60, 100%, 50% |
| Zelená | #008000 | 120, 100%, 25% |
| Azurová | #00ffff | 180, 100%, 50% |
| Modrá | #0000ff | 240, 100%, 50% |
| Purpurová | #800080 | 300, 100%, 25% |
| Růžová | #ffc0cb | 350, 100%, 88% |
| Hnědá | #a52a2a | 0, 59%, 41% |
| Bílá | #ffffff | 0, 0%, 100% |
| Šedá | #808080 | 0, 0%, 50% |
| Černá | #000000 | 0, 0%, 0% |
Každý převod probíhá ve vašem prohlížeči. Nic z toho, co zadáte, se neodesílá na servery BroBroGo.
Časté dotazy
Jak převedu HEX na HSL?
Zadejte nebo vložte hodnotu HEX výše – hodnota HSL se bude aktualizovat během psaní. Barvu můžete vybrat také vizuálně pomocí palety.
Je převod přesný?
Hodnoty se zaokrouhlují na celá čísla, což je formát, který CSS a designové nástroje očekávají. Rozdíl je hluboko pod hranicí rozlišitelnosti lidským okem.