» Prevodník farieb


Prevodník farieb pre HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ a názvy farieb CSS. Prevádzajte farebné kódy naživo, kopírujte hotové hodnoty a kontrolujte presný CSS výstup na jednom mieste.

Použite tento prevodník farieb na okamžitý prevod medzi formátmi HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ a názvami farieb CSS. Zadajte ľubovoľný podporovaný formát, upravte hodnoty posuvníkmi a skopírujte výsledok pre CSS, dizajnové systémy, tlačové workflow alebo analýzu farieb.

Prevodník aktualizuje všetky výstupy naživo, jasne zobrazuje zvolenú farbu a podporuje spätné výpočty z každého vstupného režimu. Hodí sa napríklad na HEX na RGB, RGB na HEX, kontrolu hodnôt HSL alebo CMYK aj porovnanie moderných percepčných formátov, ako sú OKLCH a OKLAB.

Počiatočné údaje

Vyberte ľubovoľný formát, zadajte hodnoty a všetky zodpovedajúce farebné kódy sa naživo aktualizujú.

Vstupný formát
Vyberte formát, ktorý chcete priamo upravovať.
Podporuje #RGB, #RGBA, #RRGGBB a #RRGGBBAA.
Príklady: tomato, rebeccapurple, royalblue, lightseagreen.
Zadajte hodnoty červenej, zelenej a modrej od 0 do 255.
Pre priehľadnosť použite alfa hodnotu od 0 do 1.
Upravte odtieň, sýtosť a svetlosť na jednoduché úpravy farieb v CSS.
HSLA pridáva k HSL alfa priehľadnosť.
HSV je užitočné, keď chcete farbu vnímať ako odtieň, sýtosť a jas.
CMYK sa používa hlavne pre farebné hodnoty určené na tlač.
LAB je percepčný priestor a môže vytvárať farby mimo zobraziteľný gamut obrazovky.
LCH oddeľuje svetlosť, chromu a odtieň pre percepčné úpravy.
OKLAB je moderný percepčný priestor pre prácu s UI a paletami.
OKLCH uľahčuje percepčné úpravy odtieňa a chromy.
XYZ je referenčný farebný priestor často používaný pri prevodoch.

Obr. 1 Prevodník farieb

HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
Režim farby umožňuje upraviť odtieň, sýtosť a svetlosť.

Následok

Prevedené farebné hodnoty

Najpoužívanejšie formáty

Ďalšie formáty

Časté otázky k prevodníku farieb

Čo je prevodník farieb?
Prevodník farieb vezme jeden farebný formát, napríklad #3366cc alebo rgb(51, 102, 204), a vypočíta zodpovedajúce hodnoty v ďalších formátoch, ako sú HSL, CMYK, LAB alebo OKLCH.

Ako previesť HEX na RGB?
Vyberte vstupný režim HEX, zadajte platný hexadecimálny kód, napríklad #ff6600, a prevodník automaticky zobrazí zodpovedajúce hodnoty RGB, HSL, CMYK a ďalších formátov.

Ako previesť RGB na HEX?
Vyberte režim RGB, zadajte hodnoty červeného, zeleného a modrého kanála a skopírujte vygenerovaný výsledok HEX. To je štandardný postup prevodu RGB na HEX pre webové farby.

Čo je HSL?
HSL znamená odtieň, sýtosť a svetlosť. Opisuje farbu uhlom na farebnom kruhu a tým, aká je výrazná a aká svetlá alebo tmavá pôsobí, čo sa často upravuje okom ľahšie než surové hodnoty RGB.

Na čo slúži CMYK?
CMYK sa používa hlavne v tlačových postupoch, pretože vyjadruje farbu ako pokrytie azúrovým, purpurovým, žltým a čiernym atramentom. Hodí sa pri príprave podkladov pre tlačiarne, obaly a polygrafickú výrobu.

Čo je OKLCH?
OKLCH je percepčný farebný formát odvodený z OKLAB. Oddeľuje svetlosť, chromu a odtieň spôsobom, ktorý býva rovnomernejší pre ľudské videnie, preto sa hodí pre moderné UI palety a dizajnové systémy.

Sú prevody presné?
Prevody v rámci rovnakého farebného priestoru môžu byť presné alebo veľmi blízke presným, ale niektoré formáty používajú iné modely alebo referenčné priestory. Hodnoty ako CMYK, LAB, LCH a OKLCH môžu pri prevode späť do zobraziteľného sRGB vyžadovať zaokrúhlenie alebo orez gamutu.

Môžem výsledky použiť v CSS?
Áno. Vygenerované hodnoty HEX, RGB, RGBA, HSL, HSLA a presné názvy farieb CSS sú pripravené na vloženie do CSS premenných, inline štýlov a dizajnových tokenov.

Ďalšie prevodníky

Pozri tiež:


TOP 5

explorePozri tiež: