Převod barevných kódů

Převodník barevných kódů

Při zadání barvy pomocí výběru barev nebo číselné hodnoty systém automaticky vypočítá hodnoty HEX, RGB, HSL, HSV a CMYK současně. Každý formát můžete zkopírovat jediným kliknutím a zkontrolovat kontrastní poměr s doplňkovými barvami a barvami textu.

Zadejte barvu

Podporuje formáty #RGB, #RGBA, #RRGGBB a #RRGGBBAA.

%
%

%
%

%
%
%
%

Výsledek překladu

Zadané barvy byly převedeny do jednotlivých barevných formátů.

Ukázkový text
HEX
HEXA (s krytím)
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK

Doplňkové barvy

Jedná se o opačnou barvu, posunutou o 180 stupňů na barevném kruhu.

Kontrast s barvou textu

Poměr k bílému textu
Poměr k černému textu
Barva textu, která se dobře čte:

Veškerá konverze barev se provádí v prohlížeči; vstupní data se neodesílají na server.

Co je to nástroj pro převod barevných kódů?

Color Code Converter je bezplatný online nástroj, který převádí číselné reprezentace barev používané v webdesignu, vývoji aplikací, úpravách obrázků a tiskovém designu. I u stejné barvy se formát použitý k jejímu zadání – jako například HEX, RGB, HSL, HSV nebo CMYK – liší v závislosti na aplikaci nebo softwaru. Pomocí tohoto nástroje můžete na první pohled zobrazit hodnoty pro všechny hlavní formáty pouhým zadáním jedné barvy.

HEX je hexadecimální zápis široce používaný v CSS webových stránek. Například bílá je reprezentována jako #FFFFFF a černá jako #000000. RGB je systém, který kombinuje červené, zelené a modré světlo na škále od 0 do 255 a používá se k práci s barvami na displejích. RGBA a 8místný HEXA také umožňují specifikovat krytí, díky čemuž jsou užitečné pro vytváření poloprůhledných barev pozadí a překryvů.

HSL reprezentuje barvu pomocí odstínu, sytosti a jasu. Odstín se určuje na barevném kruhu v rozmezí od 0 do 360 stupňů, zatímco sytost a jas se určují na stupnici od 0 do 100 %.Tento formát usnadňuje intuitivní úpravu barev, například jejich mírné zesvětlení nebo ztlumení sytosti. Systémy HSV nebo HSB vyjadřují barvu pomocí odstínu, sytosti a jasu a používají se v mnoha grafických programech a nástrojích pro výběr barev.

CMYK je barevný model založený na poměrech azurové, purpurové, žluté a černé barvy a používá se především v polygrafickém průmyslu. Hodnoty CMYK vypočítané matematicky z barev RGB na obrazovce jsou však pouze orientační. Jelikož skutečné výsledky tisku závisí na faktorech, jako je papír, inkoust, tiskový stroj a profily ICC, obraťte se prosím na svou tiskárnu a ověřte si své prostředí pro správu barev u tištěných materiálů, které vyžadují přesnost barev.

Tento nástroj zobrazuje nejen hodnoty pro jednotlivé formáty, ale také náhled vybrané barvy, její doplňkovou barvu (posunutou o 180 stupňů v odstínu) a kontrastní poměr při překrytí bílého a černého textu. Je užitečný pro výběr barev textu, které jsou na pozadí dobře čitelné, a pro zvažování barevných schémat s ohledem na přístupnost.Všechny výpočty se provádějí přímo v prohlížeči a zadané informace o barvách se nikdy neodesílají na server.

Jak používat

  1. Použijte výběr barev nebo zadejte hodnotu v formátu HEX, RGB, HSL, HSV nebo CMYK.
  2. V závislosti na zadaném formátu se hodnoty v ostatních barevných formátech automaticky aktualizují.
  3. Pokud je požadována průhlednost, upravte posuvník průhlednosti nebo číselné pole.
  4. Po kliknutí na „Zobrazit výsledky konverze“ se dostanete do sekce s výsledky, kde si můžete zkontrolovat jednotlivé formáty, doplňkové barvy a kontrastní poměr.
  5. Klikněte na „Kopírovat“ v požadovaném formátu a poté text vložte do CSS, návrhových nástrojů, dokumentace atd.

Upozornění k použití

  • Hodnoty CMYK jsou obecné převody odvozené z RGB a nezaručují přesnou reprodukci barev při tisku.
  • Průhlednost se promítá do výstupů ve formátech RGB, HSL a HEXA, ale formát CMYK pojem průhlednosti nezahrnuje.
  • V závislosti na nastavení displeje, prohlížeče a operačního systému se může stejný barevný kód zobrazovat odlišně.
  • Kontrastní poměr se počítá na základě neprůhledných barev, bez zohlednění průhlednosti. Čitelnost se může lišit v závislosti na konkrétním obrázku pozadí a na tom, jak se prvky překrývají.
  • Velmi malá desetinná čísla budou za účelem lepší čitelnosti zaokrouhlena na vhodný počet desetinných míst.

Často kladené otázky

Barvy jsou uvedeny v hexadecimálním zápisu. Obvykle se používá 6místný formát #RRGGBB; v případě průhlednosti se používá 8místný formát #RRGGBBAA.

RGB se skládá ze tří složek – červené, zelené a modré –, zatímco RGBA přidává alfa kanál pro vyjádření průhlednosti.

To se hodí, když chcete upravit jas nebo sytost a zachovat přitom stejný odstín. Hodí se to také pro vytváření barevných variant v CSS.

Obecně se tyto pojmy vztahují ke stejnému modelu. „V“ znamená „Value“ (hodnota) a „B“ znamená „Brightness“ (jas), i když se terminologie může v závislosti na aplikaci lišit.

Zobrazuje přibližné hodnoty na základě obecných vzorců. K dosažení přesných barev při tisku jsou nutné profily ICC a konkrétní tiskové prostředí.

Ano. Pokud zadáte hodnotu ve formátu #RGB, bude převedena na #RRGGBB, přičemž každá číslice se zopakuje dvakrát.

Ano. Podporuje vstup i výstup ve formátech #RGBA i #RRGGBBAA.

Jedná se o barvy, které se nacházejí na opačné straně barevného kruhu. Tento nástroj je vypočítá posunutím odstínu HSL o 180 stupňů.

Tento údaj vyjadřuje rozdíl v jasu mezi barvou pozadí a barvou textu. Obecně platí, že čím vyšší je číslo, tím snáze lze text rozeznat.

Porovnejte kontrastní poměry v části s výsledky; výběrem toho s vyšším poměrem se zlepší čitelnost.

Ne. Převod a zobrazení probíhají výhradně v prohlížeči; hodnoty barev se k zpracování na server neodesílají.

Ano. Hodnoty můžete převádět pomocí nástroje pro výběr barvy nebo číselných vstupních polí v podporovaných prohlížečích.