Jak převedu RGB na HEX nebo HEX na RGB?

Napište hodnotu RGB jako rgb(46, 139, 87) a pole HEX hned ukáže #2E8B57 — a naopak. Protože všechny formáty zůstávají synchronizované, převod funguje v obou směrech bez dalšího kroku.

Umí tento nástroj převést barvy pro modelářské laky jako Tamiya, Revell nebo Humbrol?

Tento převodník pracuje s digitálními barevnými modely (RGB, HEX, HSL, HSV, CMYK), ne s katalogy modelářských laků. Pokud znáte hodnotu RGB nebo HEX konkrétního odstínu, můžete ji sem zadat a získat zbylé formáty; pro páry typu Tamiya–Revell či Humbrol je ale potřeba převodní tabulka výrobce.

Převede tento nástroj RGB na CMYK pro tisk?

Ano. Pole CMYK a CMYKA se aktualizují při každé změně jiného formátu a dávají vám hodnoty cyan, magenta, yellow a key připravené pro tisk. CMYK je ale závislý na zařízení, takže výstup na obrazovce a v tisku se může mírně lišit.

Nástroje pro barvy

Online převodník barev | Synchronizace RGB, HEX, HSL, HSV a CMYK

Převádějte barvy mezi RGB, HEX, HSL, HSV, CMYK a dalšími. Upravte jednu hodnotu, třeba RGB na HEX, a ostatní formáty se hned přepočítají.

Živá synchronizaceNení potřeba nahrávání

Vizuální náhled

Pomocí vzorku, nativního výběru barvy a alfa posuvníku dolaďte stejnou barvu napříč všemi formáty.

Náhled barvy

#3B82F6

rgba(59, 130, 246, 0.84)

Výběr barvy

#3B82F6

Alfa

0.84

Živé kanály

HEX

R: 59
G: 130
B: 246
A: 0.84

Tip pro úpravy

Pokud se při psaní pole dočasně stane neplatným, poslední platná barva zůstane aktivní. Jakmile hodnotu dokončíte, ostatní formáty se znovu automaticky synchronizují.

Živá synchronizaceNení potřeba nahrávání

Obousměrný editor barevných formátů

Všechny formáty níže lze upravovat. Změňte HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK nebo CMYKA a ostatní barevné modely zůstanou ihned synchronizované.

HEX

zdroj

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Vysvětlení

RGB

RGB je standardní barevný model složený z červeného (R), zeleného (G) a modrého (B) kanálu. Úpravou intenzity těchto tří kanálů lze zobrazit většinu barev viditelných na obrazovkách. Jde o jeden z nejpoužívanějších systémů pro digitální média.

RGBA

RGBA je RGB s alfa kanálem pro průhlednost. R, G a B obvykle používají hodnoty 0 až 255, zatímco A bývá v rozsahu 0 až 1 nebo 0 % až 100 %. Formát se často používá v CSS, když stejná barva potřebuje různou neprůhlednost.

HEX

HEX je šestnáctkový způsob zápisu barev. Ve webdesignu a CSS je velmi běžný, protože je stručný a snadno se kopíruje. Hodnota jako #2E8B57 ukládá červenou, zelenou a modrou jako hexadecimální dvojice a rozšířené varianty mohou obsahovat i průhlednost.

HSL

HSL (odstín, sytost, světlost) vyjadřuje RGB barvy v cylindrickém souřadnicovém systému. H označuje základní odstín, S čistotu barvy a L světlost. 0 % je nejtmavší, 50 % vyvážené a 100 % nejsvětlejší.

HSLA

HSLA je varianta HSL s alfa kanálem. Zachovává odstín, sytost a světlost a přidává průhlednost, takže je vhodná pro stíny, překryvy, poloprůhledné výplně a stavy rozhraní.

HSV

HSV (odstín, sytost, hodnota) je barevný prostor vytvořený A. R. Smithem v roce 1978, známý také jako Hexcone Model. Protože hodnota přímo popisuje vnímaný jas barvy, bývá HSV intuitivní při výběru barev.

HSVA

HSVA rozšiřuje HSV o alfa kanál. Je užitečné, když chcete pracovat s odstínem, sytostí a hodnotou a zároveň popsat neprůhlednost pro barvy rozhraní a vrstvenou grafiku.

CMYK

CMYK je barevný režim používaný v tisku. Tištěné materiály jsou viditelné díky odraženému vnějšímu světlu, proto se hodí pro noviny, obaly a brožury. Na rozdíl od RGB pro obrazovky je CMYK navržen pro inkoust na papíře.

CMYKA

CMYKA rozšiřuje CMYK o alfa kanál. Hodí se, když chcete popsat tiskové hodnoty cyan, magenta, yellow a key spolu s průhledností pro předání návrhu nebo vrstvené podklady.

Jak používat online převodník barev

Vložte nebo napište hodnotu do libovolného pole formátu, například HEX, RGB, RGBA, HSL, HSV nebo CMYK.

Jakmile je hodnota platná, nástroj ji automaticky převede do všech ostatních podporovaných barevných formátů.

Použijte panel náhledu, výběr barvy, alfa posuvník a akce kopírování pro doladění a export přesné barvy, kterou potřebujete.

Hlavní funkce

Obousměrná synchronizace formátů

Změňte libovolný podporovaný formát a udržujte RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK a CMYKA synchronizované v reálném čase.

Vizuální ovládání barev

Aktuální barvu uvidíte okamžitě díky živému vzorku, výběru barvy v prohlížeči, alfa posuvníku a hodnotám kanálů.

Převod v prohlížeči

Každé pole přijímá známou funkční syntaxi a všechny převody probíhají v prohlížeči, takže jsou rychlé a soukromé.

Časté dotazy k převodníku barev

Mohu upravit libovolný barevný formát a aktualizovat všechny ostatní?

Ano. Převodník synchronizuje v obou směrech. Když upravíte RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK nebo CMYKA, ostatní formáty se po zadání platné hodnoty hned aktualizují.

Jak se při převodu pracuje s průhledností?

HEX se zobrazuje bez alfa kanálu, protože stránka se soustředí na požadované formáty. Průhlednost zůstává zachována v RGBA, HSLA, HSVA a CMYKA a náhled vždy odráží aktuální neprůhlednost.

Je tento převodník barev soukromý?

Ne. Veškerá logika převodu běží lokálně ve vašem prohlížeči, takže se barevné hodnoty neodesílají na server.

Převeďte barvu mezi formáty HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK a CMYKA na jednom místě. Stačí upravit jedno pole, třeba zadat RGB a hned vidět HEX, a všechny ostatní modely se přepočítají díky obousměrné synchronizaci. Živý náhled, nativní výběr barvy a posuvník alfa kanálu pomohou doladit odstín i průhlednost. Veškerý převod probíhá přímo ve vašem prohlížeči, takže se barevné hodnoty nikam neodesílají.

Jak používat převodník barev

1
Zadejte hodnotu barvy
Vložte nebo napište hodnotu do kteréhokoli pole, například #2E8B57 pro HEX, rgb(46, 139, 87) pro RGB nebo hsl(146, 50%, 36%) pro HSL.
2
Sledujte synchronizaci formátů
Jakmile je hodnota platná, nástroj ji okamžitě převede do všech ostatních formátů — RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK i CMYKA.
3
Dolaďte barvu
Pomocí živého vzorku, nativního výběru barvy a posuvníku alfa kanálu upravte odstín a průhlednost, nebo tlačítkem Náhodně objevte nové barvy.
4
Zkopírujte nebo exportujte
Kliknutím na pole zkopírujete jeho hodnotu, nebo použijte Kopírovat vše a získejte všechny formáty najednou do CSS, návrhů či kódu.

Zdroje

W3C — CSS Color Module Level 4
Specifikace W3C definující barevné formáty v CSS včetně hex, rgb(), hsl(), hwb() a moderní syntaxe barev.
MDN — hodnota CSS <color>
Referenční dokumentace MDN ke všem zápisům barev v CSS, včetně HEX, RGB/RGBA, HSL/HSLA a fungování průhlednosti přes alfa kanál.

Související nástroje

Minifikace CSS

Zmenšete CSS, ve kterém používáte převedené hodnoty HEX, RGB a HSL.

Prohlížeč SVG

Zobrazte a prohlédněte si grafiku SVG, která využívá barvy výplně a obrysu.

Obrázek na Base64

Zakódujte obrázky do řetězce Base64 pro vložení přímo k vašim barevným stylům.

Formátování JSON

Zformátujte a ověřte JSON, ve kterém máte uložené barevné palety a designové tokeny.

Časté dotazy

Jak převedu RGB na HEX nebo HEX na RGB?: Napište hodnotu RGB jako rgb(46, 139, 87) a pole HEX hned ukáže #2E8B57 — a naopak. Protože všechny formáty zůstávají synchronizované, převod funguje v obou směrech bez dalšího kroku.
Mohu upravit kterýkoli barevný formát a přepočítat všechny ostatní?: Ano. Převodník synchronizuje v obou směrech. Když upravíte RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK nebo CMYKA, ostatní formáty se po zadání platné hodnoty ihned aktualizují.
Umí tento nástroj převést barvy pro modelářské laky jako Tamiya, Revell nebo Humbrol?: Tento převodník pracuje s digitálními barevnými modely (RGB, HEX, HSL, HSV, CMYK), ne s katalogy modelářských laků. Pokud znáte hodnotu RGB nebo HEX konkrétního odstínu, můžete ji sem zadat a získat zbylé formáty; pro páry typu Tamiya–Revell či Humbrol je ale potřeba převodní tabulka výrobce.
Jak nástroj pracuje s průhledností při převodu?: HEX se zobrazuje bez alfa kanálu, protože stránka se soustředí na požadované formáty. Průhlednost zůstává zachována v RGBA, HSLA, HSVA a CMYKA a náhled vždy odráží aktuální neprůhlednost.
Převede tento nástroj RGB na CMYK pro tisk?: Ano. Pole CMYK a CMYKA se aktualizují při každé změně jiného formátu a dávají vám hodnoty cyan, magenta, yellow a key připravené pro tisk. CMYK je ale závislý na zařízení, takže výstup na obrazovce a v tisku se může mírně lišit.
Je tento převodník barev soukromý?: Ano. Veškerá logika převodu běží lokálně ve vašem prohlížeči, takže se barevné hodnoty nikdy neodesílají na žádný server.