RGB ti dává tři desetinné kanály mezi 0 a 255. Převod na HEX změní každý kanál na dvouciferné hexadecimální číslo, takže celá barva se vejde do jednoho kompaktního tokenu, kterému rozumí každý prohlížeč, designový nástroj a styleguide.
Jak funguje převod z RGB na HEX
- Vezmi červený kanál a vyděl ho 16: podíl je první cifra, zbytek je druhá.
- Zapiš cifry 10 až 15 jako písmena A až F — 255 se tak stane FF.
- Opakuj pro zelenou a modrou, jednociferné hodnoty doplň nulou vlevo: 5 se stane 05.
- Spoj tři páry a dej před ně #.
Ukázkový příklad
Přesné, pokud jsou kanály celá čísla 0–255. Zlomkové hodnoty jako rgb(79.5, 70, 229) se nejdřív zaokrouhlí na nejbližší celé číslo, protože v HEX nelze uložit nic mezi tím.
RGB a HEX vysvětleno
Co je RGB?
RGB popisuje barvu třemi kanály světla — červená, zelená a modrá — každý v rozsahu 0 až 255. Odráží skutečné fungování obrazovek: všechny tři na 255 dají bílou, všechny na 0 dají černou. RGB je správná volba vždy, když s barvou potřebuješ počítat; rgba() navíc přidává průhlednost.
- Syntaxe:
- rgb(R, G, B)
- Rozsah:
- 0–255 na kanál
- Nejlepší pro:
- kód, canvas, průhlednost s rgba()
Co je HEX?
HEX kód je šestimístné hexadecimální číslo, které po úvodním # uchovává červený, zelený a modrý kanál barvy. Každý pár číslic pokrývá jeden kanál od 00 (žádný) po FF (plný), což dává stejných 16,7 milionu barev jako RGB, ale v kratším zápisu. HEX je výchozí v CSS, designových nástrojích a styleguidu značky.
- Syntaxe:
- #RRGGBB
- Rozsah:
- 00–FF na kanál
- Nejlepší pro:
- CSS, předání designu, brand guidelines
Referenční tabulka RGB na HEX
Nejběžnější CSS barvy převedené z RGB na HEX.
| Barva | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |