Utilia
Kategorie ▾
Jazyk: cs ▾

Převodník barev

Převeď libovolnou barvu mezi HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH a OKLCH. Vlož kód, zobraz barvu a zkopíruj každý formát jedním kliknutím.

Příklady:

Převody

CMYK je zjednodušený převod bez profilu ICC. Pro tisk požádej tiskárnu o převod podle profilu.

Jak používat převodník barev

  1. Do pole Vstup napiš nebo vlož barvu. Formát se rozpozná automaticky: #FF6347, FF6347, rgb(255 99 71), 255, 99, 71, hsl(9 100% 64%), hsv(9, 72%, 100%), cmyk(0, 61, 72, 0), lab(63% 59 48), oklch(70% 0.2 32) nebo název, například tomato.
  2. Převody se zobrazují už při psaní. Můžeš také stisknout Enter nebo kliknout na Převést.
  3. Zkontroluj vzorek: ukazuje barvu a Rozpoznaný formát, takže víš, jak byl tvůj vstup přečten.
  4. Klikni na Kopírovat u formátu, který potřebuješ. Tlačítka s příklady umožňují vyzkoušet běžné vstupy.

Převod probíhá celý ve tvém prohlížeči. Nic, co zadáš, se neodesílá na server.

Podporované formáty

Formát Příklad Typické využití
HEX #FF6347 HTML, CSS, designové nástroje
RGB rgb(255, 99, 71) CSS, kód, obrazové editory
HSL hsl(9, 100%, 64%) CSS, úprava světlosti
HSV / HSB hsv(9, 72%, 100%) Photoshop, Figma, výběry barev
HWB hwb(9 28% 0%) CSS Color 4
CMYK cmyk(0%, 61%, 72%, 0%) tisk (viz poznámka níže)
LAB (D50) lab(62.99% 59.36 47.88) CSS lab(), věda o barvách
LCH lch(62.99% 76.27 38.89) CSS lch()
OKLCH oklch(69.62% 0.1955 32.32) moderní CSS, designové systémy

Výstupy HEX, RGB, HSL, HWB, LAB, LCH a OKLCH jsou platné CSS, které můžeš vložit rovnou do stylopisu. HSV a CMYK nejsou zápisy CSS, proto jsou pro čitelnost zapsány v obvyklém funkčním stylu.

Pokud má tvůj vstup průhlednost (například rgb(255 0 0 / 50%)), převodník ji zachová: HEX se změní na osmimístný kód, například #FF000080, a ostatní formáty dostanou hodnotu alfa.

Jak převody fungují

RGB, HEX, HSL, HSV a HWB jsou různé zápisy týchž hodnot sRGB, takže se převádějí přesně (až na zaokrouhlení). LAB a LCH se řídí definicí CSS Color 4, která používá bílý bod D50 s chromatickou adaptací Bradford. Některé online převodníky používají místo toho D65, a jejich čísla LAB se proto u stejné barvy mohou o několik jednotek lišit. OKLCH používá model Oklab Björna Ottossona, který prohlížeče používají pro oklch().

Když zadáš barvu LAB, LCH nebo OKLCH, která je pro běžnou obrazovku příliš sytá, leží mimo gamut sRGB a nemá ekvivalent v HEX. Nástroj pak zobrazí zprávu a převede ji na nejbližší zobrazitelnou barvu snížením chromy při zachování světlosti a odstínu.

CMYK je aproximace

Hodnoty CMYK používají zjednodušený vzorec K = 1 − max(R, G, B) a C = (1 − R − K) / (1 − K), stejně tak pro M a Y. Žádný profil ICC se nepoužívá, takže čísla nepředpovídají, jak bude barva vytištěna na konkrétním stroji. Pro profesionální tisk převáděj v sazebním programu s profilem od své tiskárny (například FOGRA39 nebo GRACoL). Převod CMYK zpět na RGB používá inverzní vzorec R = (1 − C)(1 − K).

Časté dotazy

Jak převedu HEX na RGB ručně?

Rozděl kód na tři dvojice a každou převeď ze šestnáctkové soustavy do desítkové. Pro #FF6347: FF = 255, 63 = 99, 47 = 71, takže barva je rgb(255, 99, 71).

Jaký je rozdíl mezi HSL a HSV?

Oba používají úhel odstínu a sytost, ale třetí hodnotou v HSL je světlost (50 % je čistá barva, 100 % je bílá), zatímco v HSV je to hodnota neboli jas (100 % je čistá barva nebo bílá, podle sytosti). Stejná barva má proto v každém modelu jiná čísla sytosti.

Proč se moje hodnota LAB liší od jiného převodníku?

Nejspíš kvůli bílému bodu. Tento nástroj používá D50 jako CSS lab(). Převodníky založené na D65 dávají o něco odlišná čísla. Obě varianty jsou správné ve svém vlastním referenčním rámci.

Mohu převést CMYK na HEX?

Ano. Napiš například cmyk(0%, 61%, 72%, 0%) nebo cmyk(0, 0.61, 0.72, 0). Pamatuj, že výsledek je aproximace bez barevného profilu.

Přijímá i barvy bez znaku #?

Ano. Rozpozná se ff6347, f64 i tři čísla oddělená čárkami, například 255, 99, 71.

Související nástroje