Převodník přijímá každý zápis hex podle CSS: 6místný #ff5733, zkrácený 3místný #f53, i 4- a 8místné formy s alfa kanálem, s křížkem # nebo bez něj. Zobrazí řetězec rgb() nebo rgba(), samostatné hodnoty kanálů a rozpad podle jednotlivých kanálů - a k tomu i řádek pro opačný převod RGB na HEX, když potřebujete druhý směr. Vše běží přímo v prohlížeči - bez nahrávání na server, bez registrace, bez omezení.
Převod HEX na RGB
Běží celé ve vašem prohlížeči - nic se nenahrává, žádná registrace.
CSS
rgb(255, 87, 51)Hodnoty RGB
255, 87, 51Jak se to převádí
Červená
FF255Zelená
5787Modrá
3351Potřebujete opak? RGB na HEX
#ff5733Jak převést HEX na RGB?
Hex kód barvy tvoří tři dvojice šestnáctkových číslic, jedna dvojice na kanál. Každá dvojice se převede na desítkové číslo od 0 do 255: v #ff5733 je ff rovno 255 červené, 57 je 87 zelené a 33 je 51 modré, takže hodnota RGB je rgb(255, 87, 51). Tento převodník to udělá okamžitě, jak píšete.
Jak na to
- 1Zadejte hex kód. Napište nebo vložte hex barvu, například #ff5733 (nebo #f53), nebo ji vyberte pomocí kapátka. Křížek # je volitelný.
- 2Přečtěte si hodnotu RGB. Řetězec rgb(), obyčejné hodnoty 0-255 a živý náhled barvy se aktualizují za psaní a rozpad podle kanálů ukazuje, jak se převádí každá dvojice hex.
- 3Zkopírujte formát, který potřebujete. Klikněte na Copy vedle řetězce rgb() nebo vedle syrových hodnot. Potřebujete opak? Zadejte níže hodnoty red, green a blue a získáte hex kód zpátky.
Pro koho je nástroj
- Front-end vývojáři převádějí hex kód ze stylového manuálu na rgb(), aby mohli přidat průhlednost pomocí rgba().
- Designéři přenášejí barvy značky mezi nástroji, které přijímají hex (CSS, Figma), a těmi, co vyžadují hodnoty 0-255 (některé tiskové a video aplikace).
- E-mailové a marketingové týmy sjednocují barvy kampaně mezi editory, z nichž každý rozumí jen jednomu zápisu.
- Vývojáři her a aplikací předávají hodnoty kanálů 0-255 do enginů a SDK, které neumí zpracovat hex řetězce.
Časté dotazy
Je tento převod HEX na RGB zdarma?
Ano - je 100% zdarma, bez registrace a bez omezení. Běží celý ve vašem prohlížeči.
Nahrávají se moje barvy někam?
Ne. Převod je obyčejný JavaScript běžící ve vašem zařízení - nic se neposílá na server a nástroj funguje dál i offline, jakmile se stránka jednou načte.
Podle jakého vzorce se HEX převádí na RGB?
Hex kód se rozdělí na tři dvojice a každá dvojice se převede ze šestnáctkové soustavy na desítkovou: první číslici vynásobíte 16 a přičtete druhou (a=10 ... f=15). V #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Podporuje zkrácený zápis jako #f53?
Ano. Ve zkráceném CSS zápisu se každá číslice zdvojí, takže #f53 se rozvine na #ff5533 a převede se na rgb(255, 85, 51). 4místná forma funguje stejně, poslední číslice přitom udává alfa kanál.
Jak se HEX převádí na RGBA?
8místný hex kód nese alfa kanál v poslední dvojici. Tento bajt (0-255) se vydělí 255, čímž vznikne hodnota alfa 0-1, kterou očekává rgba(), zaokrouhlená na tři desetinná místa - takže #ff573380 se stane rgba(255, 87, 51, 0.502).
Dá se RGB převést zpátky na HEX?
Ano. Použijte řádek RGB na HEX pod výsledkem: zadejte hodnoty red, green a blue od 0 do 255 a hex kód se objeví okamžitě. Hodnoty mimo rozsah se oříznou na 0-255.
Proč potřebuju rgb(), když mám hex?
Hlavně kvůli alfa kanálu a výpočtům: rgba(255, 87, 51, 0.5) udělá barvu poloprůhlednou a mnoho API, herních enginů a designových specifikací očekává samostatné číselné hodnoty kanálů 0-255 místo hex řetězce.