Konvertor barev

O formátech barev

Stejnou barvu lze zapsat jako HEX (#ff6600), RGB (rgb(255, 102, 0)) nebo HSL (hsl(24, 100%, 50%)) — tři různé způsoby popisu téže barvy, každý vhodný pro jinou situaci.

HEX má kompaktní zkratku: 3místný kód jako #f60 je přesně rovný 6místnému #ff6600 — každá číslice se prostě zdvojí —, a 8místná forma jako #ff6600cc přidává alfa kanál stejným způsobem jako rgba() a hsla(). Tento nástroj přijímá a normalizuje zkratku na vstupu, ale na výstupu vždy dává úplnou 6místnou nebo 8místnou formu, aby byl výsledek jednoznačný k vložení jinam. Jednu věc nedělá: nekontroluje barvy z hlediska přístupnostního kontrastu ani nesimuluje barvoslepost — to je samostatná, stejně důležitá designová otázka, nezávislá na převodu formátu.

Kde se s tím setkáte

• Převod HEX barvy od designera na RGB nebo HSL, které už kód používá
• Úprava jasu nebo sytosti, což se v HSL ovládá mnohem intuitivněji než v RGB
• Načtení barvy z vypočítaných stylů prohlížeče a její převod podle návrhové specifikace
• Ověření, jak se hodnota barvy CSS skutečně vykreslí, než ji nasadíte

Často kladené otázky

Proč existuje HSL, když RGB už funguje?
RGB popisuje barvu jako intenzity červeného/zeleného/modrého světla, což špatně odpovídá tomu, jak lidé o barvě přemýšlejí. HSL oddělí odstín, sytost a jas, takže „udělat tmavší“ nebo „udělat živější“ znamená změnit jen jedno číslo místo přepočítávání tří.

Co znamená hodnota alfa v rgba()/hsla()?
Jde o průhlednost, od 0 (zcela průhledné) do 1 (zcela neprůhledné). Tento nástroj ji zachová ve všech formátech — včetně 8místného HEX —, pokud ji váš vstup obsahuje.

Podporuje to pojmenované CSS barvy jako „tomato“?
Ještě ne — pouze vstupy HEX, RGB(A) a HSL(A). Pokud vycházíte z pojmenované barvy, nejprve si vyhledejte její hodnotu HEX.

Je #f60 stejná barva jako #ff6600?
Ano, přesně stejná. 3místná zkratka HEX zdvojí každou číslici, aby vznikla úplná forma: f se stane ff, 6 se stane 66, 0 se stane 00. Je to čistě kratší zápis určitých barev — jen těch, kde každý kanál náhodou tvoří opakovaná číslice —, ne jiný nebo méně přesný barevný prostor. Tento nástroj přijímá obě délky a vždy vydává úplnou 6místnou nebo 8místnou formu.