Prevodník RGB na HSL
Preveďte RGB na HSL priamo počas písania – zadarmo, okamžite, s praktickým príkladom a tabuľkou najbežnejších farieb.
Zadajte hodnotu RGB a prečítajte si výsledok HSL pod ňou, prípadne vyberte farbu z palety.
Názorný príklad
RGB 255, 87, 51 = HSL 11, 100%, 60%
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 RGB a HSL
| Farba | RGB | HSL |
|---|---|---|
| Červená | 255, 0, 0 | 0, 100%, 50% |
| Oranžová | 255, 165, 0 | 39, 100%, 50% |
| Žltá | 255, 255, 0 | 60, 100%, 50% |
| Zelená | 0, 128, 0 | 120, 100%, 25% |
| Azúrová | 0, 255, 255 | 180, 100%, 50% |
| Modrá | 0, 0, 255 | 240, 100%, 50% |
| Fialová | 128, 0, 128 | 300, 100%, 25% |
| Ružová | 255, 192, 203 | 350, 100%, 88% |
| Hnedá | 165, 42, 42 | 0, 59%, 41% |
| Biela | 255, 255, 255 | 0, 0%, 100% |
| Sivá | 128, 128, 128 | 0, 0%, 50% |
| Č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ť RGB na HSL?
Zadajte alebo vložte hodnotu RGB 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.