Prevodník z RGB na hexadecimálny formát

Nastavte posuvníky alebo vložte nižšie HEX kód a okamžite prevádzajte medzi formátmi RGB, HEX a HSL s živým náhľadom farieb – všetko sa počíta priamo na vašom zariadení.

Chýba kľúč API Z vášho prehliadača sa nič nedostane von Neobmedzené využívanie

Prevodník RGB na hexadecimálne čísla — bezplatný online nástroj

Vstup farieb

Červená 31 Zelená 58 Modrá 95

Alebo vložte kód v formáte HEX

Prepočítaný výstup

#1f3a5fHEX — kliknutím skopírujete

31, 58, 95RGB — kliknutím skopírujete

210°, 51 %, 25 % HSL — kliknutím skopírujete

Od ľudí, ktorí používajú tento nástroj

Recenzie

Načítavanie recenzií…

Čo to je a ako to funguje

Ako previesť RGB na HEX

Na nastavenie farby posuňte červený, zelený a modrý posúvač – alebo vložte HEX kód priamo do poľa.
Sledujte, ako sa ukážkový vzor a hodnoty HEX, RGB a HSL aktualizujú v reálnom čase pri každej zmene.
Kliknite na ľubovoľnú kartu s hodnotou, aby ste ju skopírovali a mohli ju vložiť do CSS, dizajnového softvéru alebo kódu.

Základy farieb

RGB, HEX a HSL: v čom spočíva rozdiel?

RGB, HEX a HSL opisujú presne tie isté farby – ide len o rôzne spôsoby zápisu tých istých čísel. Systém RGB definuje farbu podľa toho, v akom pomere sa na jej vytvorení podieľa červené, zelené a modré svetlo, pričom každá z týchto zložiek je vyjadrená v rozsahu 0–255. HEX predstavuje tie isté hodnoty RGB prepísané do kompaktného 6-miestneho kódu v šestnástkovej sústave, čo je dôvod, prečo rgb(31, 58, 95) a #1f3a5f sú identické farby. HSL naopak opisuje farbu pomocou odtieňa (jej polohy na farebnom kruhu), sýtosti (ako je farba výrazná) a jasu — formát, ktorý je často intuitívnejší pri výbere súvisiacich odtieňov.

Kde sa jednotlivé formáty zvyčajne používajú

Formát	Typické použitie	Prečo
HEX	CSS, HTML, nástroje na tvorbu dizajnu	Krátke, ľahko sa vkladá a zdieľa ako jeden reťazec
RGB	CSS s priehľadnosťou (rgba)	Podporuje alfa kanál pre priehľadnosť
HSL	Vytváranie farebných paliet	Zmenou jedného čísla možno ľahko vytvoriť svetlejšie/tmavšie alebo podobné odtiene

Webdizajn

Použitie týchto hodnôt v CSS

Všetky tri formáty fungujú priamo v štýlovom hárku: color: #1f3a5f;, color: rgb(31, 58, 95); a color: hsl(210, 51%, 25%); všetky zobrazujú identickú tmavomodrú farbu. HEX je najbežnejší skratkový zápis pre jednoliate farby, zatiaľ čo RGB (alebo jeho rgba() varianta) je užitočný, ak farba vyžaduje čiastočnú priehľadnosť, a HSL uľahčuje vytvorenie konzistentnej sady odtieňov tým, že zachováva pevný odtieň a upravuje iba jas.

Najčastejšie kladené otázky

Často kladené otázky

Je tento prevodník z RGB do HEX k dispozícii zadarmo?+

Áno. Funguje výlučne prostredníctvom JavaScriptu vo vašom prehliadači, takže nie je potrebné mať účet ani API kľúč a neexistuje žiadne obmedzenie na počet použití.

Nahrajú sa moje údaje o farbách niekam?+

Nie. Každá konverzia prebieha lokálne vo vašom prehliadači. Nič sa neodosiela na server, neukladá ani nezaznamenáva.

Aký je vlastne rozdiel medzi HEX a RGB?+

Tieto systémy opisujú tú istú farbu pomocou rôznych zápisov – HEX je 6-miestny skrátený zápis v šestnástkovej sústave pre tie isté hodnoty červenej, zelenej a modrej, ktoré systém RGB vyjadruje tromi samostatnými číslami v rozmedzí od 0 do 255.

Súvisiace nástroje

Nástroje pre návrh a vývoj

Metodika

Ako funguje tento prevodník

Hodnoty sa pomocou JavaScriptu v reálnom čase prevádzajú medzi formátmi RGB, HEX a HSL, a to v okamihu, keď píšete alebo vyberáte farbu — nič, čo zadáte, sa neodosiela na server ani sa nikde neukladá.

Posledná aktualizácia: 28. augusta 2026.

Pokračuj

Ďalšie nástroje v krabici

Ďalšie bezplatné nástroje, ktoré nevyžadujú API kľúč, nájdete na hlavnej stránke.