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.
Jak používat tento převodník barev
- Zadejte hexadecimální kód barvy
Do pole pro hexadecimální kód zadejte šestimístný kód (např. FF6B35 nebo 00FF88). Symbol # vynechejte.
- 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.
- 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.
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.
R = hex[0:2] → desítková; G = hex[2:4] → desítková; B = hex[4:6] → desítková 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á.
- ✓ Vstup je platný šestimístný hexadecimální kód barvy.
- ✓ Alfa kanál není v této verzi podporován.
- 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.