Přeskočit na hlavní obsah
LibraTool logoLibraTool

Převodník barev zdarma

Okamžitě převádějte barvy mezi formáty HEX, RGB, HSL, HSV a CMYK. Zahrnuje škálu světlosti a přednastavené vzorníky.

Funguje offline po načtení

Převeďte barvu mezi HEX, RGB, HSL, HSV a CMYK — s živým náhledem a kopií jedním dotykem. Vše se spouští v prohlížeči.

Přijímá: HEX (#fff nebo #ffffff), RGB (255, 255, 255) nebo HSL (360, 100%, 50%)

100%
Předvolby:
HEX#14B8A6
rgb() · starší verzergb(20, 184, 166)
rgb() · modernírgb(20 184 166)
hsl() · starší verzehsl(173, 80%, 40%)
hsl() · moderníhsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
Hodnoty RGB20, 184, 166

Kontrast WCAG

Na bílém pozadí

2,49:1

Selhalo

Na černém pozadí

8,44:1

AAA
🖨️ Pro tisk: Tyto hodnoty CMYK (89%, 0%, 10%, 28%) jsou standardní aproximací sRGB→CMYK pro referenci. Pro přesnou tiskovou barvu použijte profil ICC vaší tiskárny nebo vytištěný vzorek — obrazovkové CMYK nemůže odpovídat každému inkoustu a papíru.

Stupnice světlosti

Klikněte na vzorek a přepněte na daný odstín

Běžná použití

  • Převeďte barvy pro webdesignZískejte hodnoty HEX, RGB a HSL pro jakoukoli barvu - připraveno vložit do CSS nebo Tailwind.
  • Převeďte barvy na tisk (CMYK)Převeďte barvy obrazovky (HEX/RGB) na hodnoty CMYK pro použití v designu tisku a profesionálním tisku.
  • Vytvořte barevné palety pro designové systémyPřeveďte barvy značky ve všech formátech a vytvořte konzistentní stupnice jasu pro kompletní systém designu.
  • Kontroluj Kontrast barev pro přístupnostKonvertuj barvy na získání RGB hodnot pro použití v nástrojích poměru kontrastu — soulad WCAG pro přístupný design.
  • Konvertuj Barvy pro FigmuZískej přesné HEX a RGB hodnoty pro vložení do výběrů barev Figma a systémů tokenů designu.

Jak to funguje

Veškerá logika převodu je ručně napsaný JavaScript běžící zcela ve vašem prohlížeči — bez knihovny, bez volání serveru. Nástroj rozebere váš vstup, provede jej řetězcem čistých matematických funkcí a zároveň vytvoří jedenáct výstupních formátů, včetně moderních prostorů CSS Color 4 oklch() a lab().

  1. 1
    Flexibilní parsování vstupu
    Vlastní parser přijímá hex (3, 4, 6 nebo 8 znaků), rgb()/rgba(), hsl()/hsla() jak ve starší syntaxi s čárkami, tak v moderní syntaxi s mezerami, i holé číselné trojice. Hodnoty alfa jako desetinná čísla nebo procenta se normalizují na rozsah 0–1 před zahájením jakéhokoli převodu.
  2. 2
    RGB jako uzel převodu
    Každý přijatý formát se nejprve vyřeší na kanonickou trojici RGB. Z této jediné reprezentace nástroj rozvětvuje: HSL a HSV používají standardní vzorce min/max/chroma; CMYK se odvozuje nalezením klíčového kanálu; a linearizace sRGB (po částech definovaná gama křivka podle IEC 61966-2-1) se aplikuje před výpočty v percepčních prostorech.
  3. 3
    Percepční barevné prostory počítané od základu
    oklch() se počítá pomocí referenčních matic 3×3 Björna Ottossona (prostor krychlové odmocniny LMS). lab() a lch() používají Bradfordovu chromatickou adaptaci pro převod z bílého bodu D65 na D50, což odpovídá tomu, jak lab() definuje CSS Color 4. Jsou to stejné vzorce, které používají vykreslovací jádra prohlížečů — zde implementované bez jakékoli externí závislosti.
  4. 4
    Kontrast WCAG a škála jasu
    Relativní jas se počítá podle vzorce WCAG 2.1 (linearizované R, G, B vážené 0,2126/0,7152/0,0722) a poměr kontrastu vůči bílé a černé se klasifikuje jako AA-large, AA, AAA nebo Fail. Devítikroková škála jasu se generuje krokováním kanálu jasu HSL od 10 % do 90 %, přičemž kliknutím na libovolný vzorek jej lze převést.

Související nástroje

🎨

Výběr barev a generátor palety

Vybírejte barvy, převádějte mezi HEX/RGB/HSL a generujte harmonické palety.

Vyzkoušet
🎨

Generátor náhodných barev

Generujte náhodné barvy po jedné nebo jako paletu pěti, zamkněte ty, které se vám líbí, zkopírujte hodnoty HEX, RGB nebo HSL a exportujte paletu jako PNG nebo CSS.

Vyzkoušet
🎨

Generátor barevných palet

Generujte komplementární, analogické, triadické a monochromatické barevné palety z libovolné základní barvy. Kopírujte hex kódy jedním kliknutím.

Vyzkoušet

Časté dotazy