Prevodník farieb
Zadajte hex kód farby a zobrazte jeho ekvivalenty v RGB a HSL s hodnotami pre červený, zelený a modrý kanál.
Ako používať tento prevodník farieb
- Zadajte hex kód farby
Do poľa Hex kód farby zadajte 6-miestny hex kód (napr. FF6B35 alebo 00FF88). Symbol # vynechajte.
- Prečítajte si hodnoty RGB
Výsledky pre červený (Red), zelený (Green) a modrý (Blue) kanál zobrazujú hodnoty 0 – 255 pre každú zložku.
- Skontrolujte výstup HSL
Pozrite si výsledok HSL pre odtieň (0 – 360°), sýtosť a jas – užitočné pri úprave farieb.
Ako funguje tento prevodník farieb
Tento nástroj prevádza hexadecimálny kód farby na reprezentácie RGB (červená, zelená, modrá) a HSL (odtieň, sýtosť, jas). Každý hexadecimálny pár sa mapuje na 8-bitovú hodnotu kanála (0 – 255) a prevod na HSL využíva štandardnú matematiku farebného priestoru.
R = hex[0:2] → decimálne; G = hex[2:4] → decimálne; B = hex[4:6] → decimálne Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100 %, 60 %).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — čistá čierna.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — čistá biela. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — stredne sivá.
- ✓ Vstup je platný 6-miestny hexadecimálny kód farby.
- ✓ Alfa kanál nie je v tejto verzii podporovaný.
- Prevod na CMYK vyžaduje farebný profil a nie je tu zahrnutý.
Porozumenie farebným modelom
HEX, RGB a HSL sú rôzne spôsoby popisu tej istej farby. HEX kóduje RGB ako 6-miestny hexadecimálny reťazec: každý pár znakov predstavuje jeden 8-bitový kanál (0 – 255). RGB vyjadruje tie isté hodnoty ako tri čísla, aditívne základné farby, ktoré vyžarujú obrazovky. HSL (Hue, Saturation, Lightness) je cylindrický model: odtieň (hue) je uhol na farebnom kruhu (0° červená, 120° zelená, 240° modrá), sýtosť (saturation) je intenzita farby a jas (lightness) je svetlosť. Dizajnéri často uprednostňujú HSL pri programovej úprave farieb – samotná zmena jasu stmavuje alebo zosvetľuje bez zmeny odtieňa a úprava sýtosti mení živosť farby.
Prípady použitia prevodu farieb pre vývojárov
Vývojári prevádzajú farby pri vytváraní dizajnových systémov, implementácii tém, generovaní farebných paliet a ladení CSS. Dizajnové tokeny často ukladajú farby v hex formáte; prevod na RGB alebo HSL umožňuje výpočty počas behu, ako sú prekrytia s priehľadnosťou alebo kontroly prístupnosti kontrastu. Prepínače tém môžu potrebovať odvodiť svetlejšie alebo tmavšie varianty zo základnej farby pomocou HSL. Automatizované nástroje prístupnosti prevádzajú farby na výpočet jasu a kontrastných pomerov. Pri ladení chýb rozloženia alebo tém pomáha zobrazenie hex hodnoty ako RGB alebo HSL identifikovať, ktorý kanál je nesprávny. Prevod farieb sa používa aj pri vizualizácii dát, v knižniciach grafov a pri dynamickom nastavovaní tém používateľského rozhrania.
Často kladené otázky
Môžem zadať 3-miestny hex kód?
Tento nástroj momentálne vyžaduje 6-miestny kód. Pre 3-miestne skratky ako F60 ich najprv rozširte na FF6600.
Čo je HSL?
HSL znamená Hue (odtieň), Saturation (sýtosť) a Lightness (jas). Je to alternatívny spôsob popisu farieb, ktorý niektorí dizajnéri považujú za intuitívnejší než RGB.