» Převodník barev


Převodník barev pro HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ a názvy barev CSS. Převádějte barevné kódy živě, kopírujte hotové hodnoty a kontrolujte přesný CSS výstup na jednom místě.

Použijte tento převodník barev k okamžitému převodu mezi formáty HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ a názvy barev CSS. Zadejte libovolný podporovaný formát, upravte hodnoty pomocí posuvníků a zkopírujte výsledek pro CSS, design systémy, tiskové workflow nebo analýzu barev.

Převodník aktualizuje všechny výstupy živě, jasně ukazuje zvolenou barvu a podporuje zpětné výpočty z každého vstupního režimu. Hodí se například pro HEX na RGB, RGB na HEX, kontrolu hodnot HSL nebo CMYK i porovnání moderních percepčních formátů, jako jsou OKLCH a OKLAB.

Počáteční údaje

Vyberte libovolný formát, zadejte hodnoty a všechny odpovídající barevné kódy se živě aktualizují.

Vstupní formát
Vyberte formát, který chcete přímo upravovat.
Podporuje #RGB, #RGBA, #RRGGBB a #RRGGBBAA.
Příklady: tomato, rebeccapurple, royalblue, lightseagreen.
Zadejte hodnoty červené, zelené a modré od 0 do 255.
Pro průhlednost použijte alfa hodnotu od 0 do 1.
Upravte odstín, sytost a světlost pro snadné úpravy barev v CSS.
HSLA přidává k HSL alfa průhlednost.
HSV je užitečné, když chcete barvu vnímat jako odstín, sytost a jas.
CMYK se používá hlavně pro barevné hodnoty určené pro tisk.
LAB je percepční prostor a může vytvářet barvy mimo zobrazitelný gamut obrazovky.
LCH odděluje světlost, chromu a odstín pro percepční úpravy.
OKLAB je moderní percepční prostor pro práci s UI a paletami.
OKLCH usnadňuje percepční úpravy odstínu a chromy.
XYZ je referenční barevný prostor často používaný pro převody.

Obr. 1 Převodník barev


HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
Režim barvy umožňuje upravit odstín, sytost a světlost.

Následek

Převedené barevné hodnoty

Nejpoužívanější formáty

Další formáty

Časté dotazy k převodníku barev

Co je převodník barev?
Převodník barev vezme jeden barevný formát, například #3366cc nebo rgb(51, 102, 204), a vypočítá odpovídající hodnoty v dalších formátech, jako jsou HSL, CMYK, LAB nebo OKLCH.

Jak převést HEX na RGB?
Vyberte vstupní režim HEX, zadejte platný hexadecimální kód, například #ff6600, a převodník automaticky zobrazí odpovídající hodnoty RGB, HSL, CMYK a dalších formátů.

Jak převést RGB na HEX?
Vyberte režim RGB, zadejte hodnoty červeného, zeleného a modrého kanálu a zkopírujte vygenerovaný výsledek HEX. To je standardní postup převodu RGB na HEX pro webové barvy.

Co je HSL?
HSL znamená odstín, sytost a světlost. Popisuje barvu úhlem na barevném kruhu a tím, jak je výrazná a jak světlá nebo tmavá působí, což se často upravuje okem snáze než surové hodnoty RGB.

K čemu slouží CMYK?
CMYK se používá hlavně v tiskových postupech, protože vyjadřuje barvu jako pokrytí azurovým, purpurovým, žlutým a černým inkoustem. Hodí se při přípravě podkladů pro tiskárny, obaly a polygrafickou výrobu.

Co je OKLCH?
OKLCH je percepční barevný formát odvozený z OKLAB. Odděluje světlost, chromu a odstín způsobem, který bývá rovnoměrnější pro lidské vidění, a proto se hodí pro moderní UI palety a design systémy.

Jsou převody přesné?
Převody v rámci stejného barevného prostoru mohou být přesné nebo velmi blízké přesným, ale některé formáty používají jiné modely nebo referenční prostory. Hodnoty jako CMYK, LAB, LCH a OKLCH mohou při převodu zpět do zobrazitelného sRGB vyžadovat zaokrouhlení nebo ořez gamutu.

Mohu výsledky použít v CSS?
Ano. Vygenerované hodnoty HEX, RGB, RGBA, HSL, HSLA a přesné názvy barev CSS jsou připravené ke vložení do CSS proměnných, inline stylů a design tokenů.