Prevodník HSL na RGB
Preveďte HSL na RGB 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 RGB pod ňou, prípadne vyberte farbu z palety.
Názorný príklad
HSL 11, 100%, 60% = RGB 255, 87, 51
Ako funguje prevod
- 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 RGB
| Farba | HSL | RGB |
|---|---|---|
| Červená | 0, 100%, 50% | 255, 0, 0 |
| Oranžová | 39, 100%, 50% | 255, 165, 0 |
| Žltá | 60, 100%, 50% | 255, 255, 0 |
| Zelená | 120, 100%, 25% | 0, 128, 0 |
| Azúrová | 180, 100%, 50% | 0, 255, 255 |
| Modrá | 240, 100%, 50% | 0, 0, 255 |
| Fialová | 300, 100%, 25% | 128, 0, 128 |
| Ružová | 350, 100%, 88% | 255, 192, 203 |
| Hnedá | 0, 59%, 41% | 165, 42, 42 |
| Biela | 0, 0%, 100% | 255, 255, 255 |
| Sivá | 0, 0%, 50% | 128, 128, 128 |
| Čierna | 0, 0%, 0% | 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ť HSL na RGB?
Zadajte alebo vložte hodnotu HSL vyššie – hodnota RGB 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.