Převodník HSL na RGB
Převádějte HSL na RGB přímo během psaní – zdarma, okamžitě, s názorným příkladem a tabulkou běžných barev.
Zadejte hodnotu HSL a přečtěte si hodnotu RGB pod ní, nebo vyberte barvu z palety.
Názorný příklad
HSL 11, 100%, 60% = RGB 255, 87, 51
Jak převod funguje
- 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 HSL a RGB
| Barva | HSL | RGB |
|---|---|---|
| Červená | 0, 100%, 50% | 255, 0, 0 |
| Oranžová | 39, 100%, 50% | 255, 165, 0 |
| Žlutá | 60, 100%, 50% | 255, 255, 0 |
| Zelená | 120, 100%, 25% | 0, 128, 0 |
| Azurová | 180, 100%, 50% | 0, 255, 255 |
| Modrá | 240, 100%, 50% | 0, 0, 255 |
| Purpurová | 300, 100%, 25% | 128, 0, 128 |
| Růžová | 350, 100%, 88% | 255, 192, 203 |
| Hnědá | 0, 59%, 41% | 165, 42, 42 |
| Bílá | 0, 0%, 100% | 255, 255, 255 |
| Šedá | 0, 0%, 50% | 128, 128, 128 |
| Černá | 0, 0%, 0% | 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 HSL na RGB?
Zadejte nebo vložte hodnotu HSL výše – hodnota RGB 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.