Prevod farebného kódu

Prevod farebných kódov (Color Converter)

Keď zadáte farbu pomocou výberu farieb alebo číselnej hodnoty, systém automaticky vypočíta hodnoty HEX, RGB, HSL, HSV a CMYK. Každý formát môžete skopírovať jedným kliknutím a skontrolovať kontrastný pomer s doplnkovými farbami a farbami textu.

Zadajte farbu

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

%
%

%
%

%
%
%
%

Výsledok prekladu

Zadané farby boli prevedené do jednotlivých farebných formátov.

Ukážkový text
HEX
HEXA (s priehľadnosťou)
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK

Doplnkové farby

Ide o opačnú farbu, posunutú o 180 stupňov na farebnom kruhu.

Kontrast s farbou textu

Pomer k bielemu textu
Pomer k čiernemu textu
Farba textu, ktorá sa ľahko číta:

Všetky farebné konverzie sa vykonávajú priamo v prehliadači; zadávané údaje sa neodosielajú na server.

Čo je to nástroj na prevod farebných kódov?

Color Code Converter je bezplatný online nástroj, ktorý prevádza číselné reprezentácie farieb používané vo webovom dizajne, vývoji aplikácií, úprave obrázkov a tlačovom dizajne. Aj pri tej istej farbe sa formát použitý na jej špecifikáciu – napríklad HEX, RGB, HSL, HSV alebo CMYK – líši v závislosti od aplikácie alebo softvéru. Pomocou tohto nástroja si môžete na prvý pohľad zobraziť hodnoty pre všetky hlavné formáty jednoduchým zadaním jednej farby.

HEX je hexadecimálny zápis, ktorý sa široko používa v CSS webových stránok. Napríklad biela farba sa označuje ako #FFFFFF a čierna ako #000000. RGB je systém, ktorý kombinuje červené, zelené a modré svetlo na stupnici od 0 do 255 a používa sa na spracovanie farieb na displejoch. RGBA a 8-miestny HEXA tiež umožňujú špecifikovať priehľadnosť, vďaka čomu sú užitočné pri vytváraní polopriehľadných farieb pozadia a prekrývajúcich sa vrstiev.

HSL reprezentuje farbu pomocou odtieňa, sýtosti a jasu. Odtieň je špecifikovaný na farebnom kruhu v rozsahu od 0 do 360 stupňov, zatiaľ čo sýtosť a jas sú špecifikované na stupnici od 0 do 100 %.Tento formát uľahčuje intuitívne prispôsobovanie farieb, napríklad ich mierne zosvetlenie alebo stlmenie ich sýtosti. HSV alebo HSB vyjadruje farbu pomocou odtieňa, sýtosti a jasu a používa sa v mnohých grafických programoch a nástrojoch na výber farieb.

CMYK je farebný model založený na množstvách azúrovej, purpurovej, žltej a čiernej farby, ktorý sa používa predovšetkým v polygrafickom priemysle. Hodnoty CMYK vypočítané matematicky z farieb RGB na obrazovke sú však len orientačné. Keďže skutočné výsledky tlače závisia od faktorov, ako sú papier, atrament, tlačiarenský stroj a profily ICC, v prípade tlačených materiálov, ktoré vyžadujú farebnú presnosť, sa poraďte so svojou tlačiarňou a overte si svoje prostredie správy farieb.

Tento nástroj zobrazuje nielen hodnoty pre každý formát, ale aj náhľad vybranej farby, jej komplementárnu farbu (posunutú o 180 stupňov v odtieni) a kontrastný pomer pri prekrývaní bieleho a čierneho textu. Je užitočný pri výbere farieb textu, ktoré sú na pozadí dobre čitateľné, a pri zvažovaní farebných schém so zreteľom na prístupnosť.Všetky výpočty sa vykonávajú priamo v prehliadači a informácie o farbách, ktoré zadáte, sa nikdy neposielajú na server.

Ako používať

  1. Použite výber farieb alebo zadajte hodnotu v formáte HEX, RGB, HSL, HSV alebo CMYK.
  2. V závislosti od formátu, ktorý zadáte, sa hodnoty v ostatných farebných formátoch automaticky aktualizujú.
  3. Ak je potrebná priehľadnosť, nastavte posuvník priehľadnosti alebo číselné pole.
  4. Po kliknutí na „Zobraziť výsledky konverzie“ sa dostanete do sekcie s výsledkami, kde si môžete skontrolovať jednotlivé formáty, doplnkové farby a kontrastný pomer.
  5. Kliknite na „Kopírovať“ v požadovanom formáte a následne text vložte do CSS, návrhárskych nástrojov, dokumentácie atď.

Bezpečnostné pokyny pri používaní

  • Hodnoty CMYK sú všeobecné prevody odvodené z RGB a nezaručujú presnú reprodukciu farieb pri tlači.
  • Priehľadnosť sa odráža vo výstupoch RGB, HSL a HEXA, avšak CMYK tento pojem neobsahuje.
  • V závislosti od nastavení vášho displeja, prehliadača a operačného systému sa môže ten istý farebný kód zobrazovať odlišne.
  • Kontrastný pomer sa počíta na základe nepriehľadných farieb, bez zohľadnenia priehľadnosti. Čitateľnosť sa môže líšiť v závislosti od konkrétneho obrázku pozadia a spôsobu, akým sa prvky prekrývajú.
  • Veľmi malé desatinné čísla budú zaokrúhlené na primeraný počet desatinných miest, aby boli čitateľné.

Často kladené otázky

Farby sú uvedené v hexadecimálnom zápise. Zvyčajne sa používa 6-miestny formát #RRGGBB; ak sa zohľadňuje priehľadnosť, používa sa 8-miestny formát #RRGGBBAA.

RGB sa skladá z troch zložiek – červenej, zelenej a modrej –, zatiaľ čo RGBA pridáva alfa kanál na vyjadrenie priehľadnosti.

Toto je užitočné, ak chcete upraviť jas alebo sýtosť pri zachovaní rovnakého odtieňa. Je to tiež vhodné na vytváranie farebných variácií v CSS.

Vo všeobecnosti sa tieto označenia vzťahujú na ten istý model. „V“ znamená „Value“ (hodnota) a „B“ znamená „Brightness“ (jas), hoci terminológia sa môže líšiť v závislosti od aplikácie.

Zobrazuje približné hodnoty na základe všeobecných vzorcov. Na dosiahnutie presných farieb pri tlači sú potrebné profily ICC a špecifické tlačové prostredie.

Áno. Ak zadáte hodnotu vo formáte #RGB, bude prevedená na formát #RRGGBB, pričom každá číslica sa zopakuje dvakrát.

Áno. Podporuje vstup aj výstup vo formátoch #RGBA aj #RRGGBBAA.

Ide o farby, ktoré sa nachádzajú na opačnej strane farebného kruhu. Tento nástroj ich vypočíta posunutím odtieňa HSL o 180 stupňov.

Tento parameter vyjadruje rozdiel v jasnosti medzi farbou pozadia a farbou textu. Všeobecne platí, že čím vyššie číslo, tým ľahšie je text rozoznať.

Porovnajte kontrastné pomery v časti s výsledkami; výberom toho s vyšším pomerom sa zlepší čitateľnosť.

Nie. Konverzia a zobrazenie prebiehajú výlučne v prehliadači; hodnoty farieb sa na spracovanie na server neposielajú.

Áno. Hodnoty môžete previesť pomocou nástroja na výber farieb alebo číselných vstupných polí v podporovaných prehliadačoch.