Převodník barev

Zadejte hex kód barvy a zobrazte jeho ekvivalenty v RGB a HSL s hodnotami pro červený, zelený a modrý kanál.

Zadejte šestimístný hex kód bez symbolu # (např. FF6B35).

Barva

#FF6B35

RGBrgb(255, 107, 53)
HSLhsl(16, 100%, 60%)
Červený kanál255
Zelený kanál107
Modrý kanál53
Vzorec Vzorec Předpoklady 2 Příklad Příklad Naposledy aktualizováno 11. 3. 2026
Vstupy zůstávají v prohlížeči, pokud vás budoucí funkce výslovně neinformuje jinak. Používejte jako odhad a důležitá rozhodnutí konzultujte s kvalifikovaným odborníkem.

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

  1. Zadejte hexadecimální kód barvy

    Do pole pro hexadecimální kód zadejte šestimístný kód (např. FF6B35 nebo 00FF88). Symbol # vynechejte.

  2. Přečtěte si hodnoty RGB

    Výsledky pro červený (Red), zelený (Green) a modrý (Blue) kanál zobrazují hodnoty 0–255 pro každou složku.

  3. Zkontrolujte výstup HSL

    Prohlédněte si výsledek HSL pro odstín (0–360°), sytost a světlost – užitečné pro úpravy barev.

Metodika

Jak tento převodník barev funguje

Tento nástroj převádí hexadecimální kód barvy na reprezentace RGB (červená, zelená, modrá) a HSL (odstín, sytost, jas). Každý hexadecimální pár odpovídá 8bitové hodnotě kanálu (0–255) a převod HSL využívá standardní matematiku barevného prostoru.

Vzorec
R = hex[0:2] → desítková; G = hex[2:4] → desítková; B = hex[4:6] → desítková
HEX Šestimístný řetězec hexadecimálních číslic reprezentující RGB
HSL Odstín (0–360°), Sytost (0–100%), Jas (0–100%)
Příklad

Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).

Hex 000000 → RGB(0, 0, 0) → HSL(0, 0 %, 0 %) — čistě černá.

Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0 %, 100 %) — čistě bílá. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0 %, 50 %) — středně šedá.

Předpoklady
  • ✓ Vstup je platný šestimístný hexadecimální kód barvy.
  • ✓ Alfa kanál není v této verzi podporován.
Poznámky
  • Převod do CMYK vyžaduje barevný profil a není zde zahrnut.

Porozumění barevným modelům

HEX, RGB a HSL jsou různé způsoby popisu stejné barvy. HEX kóduje RGB jako šestimístný hexadecimální řetězec: každá dvojice znaků představuje jeden 8bitový kanál (0–255). RGB vyjadřuje stejné hodnoty jako tři čísla, aditivní základní barvy, které vyzařují obrazovky. HSL (Hue, Saturation, Lightness) je válcový model: odstín (hue) je úhel na barevném kruhu (0° červená, 120° zelená, 240° modrá), sytost (saturation) je intenzita barvy a světlost (lightness) je jas. Designéři často preferují HSL při programových úpravách barev – změna samotné světlosti barvu ztmaví nebo zesvětlí bez posunu odstínu a úprava sytosti mění živost barvy.

Případy použití převodu barev pro vývojáře

Vývojáři převádějí barvy při vytváření designových systémů, implementaci motivů, generování barevných palet a ladění CSS. Designové tokeny často ukládají barvy v hexadecimálním formátu; převod na RGB nebo HSL umožňuje výpočty za běhu, jako jsou překryvy s průhledností nebo kontroly přístupnosti kontrastu. Přepínače motivů mohou potřebovat odvodit světlejší nebo tmavší varianty ze základní barvy pomocí HSL. Automatizované nástroje pro přístupnost převádějí barvy pro výpočet jasu a kontrastních poměrů. Při ladění chyb v rozvržení nebo motivech pomáhá zobrazení hexadecimální hodnoty jako RGB nebo HSL identifikovat, který kanál je nesprávný. Převod barev se také používá ve vizualizaci dat, knihovnách grafů a dynamických motivech uživatelského rozhraní.

Často kladené otázky

Mohu zadat 3místný hex kód?

Tento nástroj aktuálně vyžaduje 6místný kód. Pro 3místné zkratky jako F60 je nejprve převeďte na FF6600.

Co je HSL?

HSL znamená Hue (odstín), Saturation (sytost) a Lightness (jas). Je to alternativní způsob popisu barev, který někteří designéři považují za intuitivnější než RGB.

Autor Jan Křenek Zakladatel a hlavní vývojář
Odborná revize Revize metodiky DigitSum Ověřování vzorců a QA
Naposledy aktualizováno 11. 3. 2026

Používejte jako odhad a důležitá rozhodnutí konzultujte s kvalifikovaným odborníkem.

Vstupy zůstávají v prohlížeči, pokud vás budoucí funkce výslovně neinformuje jinak.