Utilia
Kategórie ▾
Jazyk: sk ▾

Prevodník farieb

Prevádzaj farby medzi HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH a OKLCH. Vlož kód, uvidíš farbu a jedným kliknutím skopíruješ každý formát.

Príklady:

Konverzie

CMYK je naivný prevod bez profilu ICC. Pre tlačové práce si od tlačiarne vyžiadaj prevod založený na profile.

Ako používať prevodník farieb

  1. Zadaj alebo vlož farbu do poľa Vstup. Formát sa rozpozná automaticky: #FF6347, FF6347, rgb(255 99 71), 255, 99, 71, hsl(9 100% 64%), hsv(9, 72%, 100%), cmyk(0, 61, 72, 0), lab(63% 59 48), oklch(70% 0.2 32) alebo názov ako tomato.
  2. Konverzie sa zobrazujú počas písania. Môžeš tiež stlačiť Enter alebo kliknúť na Konvertovať.
  3. Pozri si vzorku: ukazuje farbu a Rozpoznaný formát, takže vieš, ako sa tvoj vstup prečítal.
  4. Klikni na Kopírovať pri formáte, ktorý potrebuješ. Tlačidlá s príkladmi ti pomôžu vyskúšať bežné vstupy.

Konverzia prebieha celá v tvojom prehliadači. Nič, čo zadáš, sa neodosiela na server.

Podporované formáty

Formát Príklad Typické použitie
HEX #FF6347 HTML, CSS, dizajnérske nástroje
RGB rgb(255, 99, 71) CSS, kód, editory obrázkov
HSL hsl(9, 100%, 64%) CSS, úprava svetlosti
HSV / HSB hsv(9, 72%, 100%) Photoshop, Figma, výbery farieb
HWB hwb(9 28% 0%) CSS Color 4
CMYK cmyk(0%, 61%, 72%, 0%) tlač (pozri poznámku nižšie)
LAB (D50) lab(62.99% 59.36 47.88) CSS lab(), veda o farbách
LCH lch(62.99% 76.27 38.89) CSS lch()
OKLCH oklch(69.62% 0.1955 32.32) moderné CSS, dizajnové systémy

Výstupy HEX, RGB, HSL, HWB, LAB, LCH a OKLCH sú platné CSS, ktoré môžeš vložiť priamo do štýlov. HSV a CMYK nie sú zápisy CSS, preto sa uvádzajú v bežnom funkčnom štýle na čítanie. Hodnoty v kóde majú desatinnú bodku, ako to vyžaduje CSS.

Ak má tvoj vstup priehľadnosť (napríklad rgb(255 0 0 / 50%)), prevodník ju zachová: HEX sa zmení na osemmiestny kód, napríklad #FF000080, a ostatné formáty dostanú hodnotu alfa.

Ako konverzie fungujú

RGB, HEX, HSL, HSV a HWB sú rôzne spôsoby zápisu tých istých hodnôt sRGB, takže sa prevádzajú presne (až na zaokrúhlenie). LAB a LCH sledujú definíciu CSS Color 4, ktorá používa biely bod D50 s chromatickou adaptáciou Bradford. Niektoré online prevodníky používajú D65, takže ich čísla LAB sa pre tú istú farbu môžu líšiť o niekoľko jednotiek. OKLCH používa model Oklab od Björna Ottossona, ktorý prehliadače používajú pre oklch().

Keď zadáš farbu LAB, LCH alebo OKLCH, ktorá je pre bežnú obrazovku príliš sýta, leží mimo gamutu sRGB a nemá ekvivalent v HEX. Nástroj vtedy zobrazí správu a priradí ju k najbližšej zobraziteľnej farbe znížením sýtosti (chroma) pri zachovaní svetlosti a odtieňa.

CMYK je aproximácia

Hodnoty CMYK používajú naivný vzorec K = 1 − max(R, G, B) a C = (1 − R − K) / (1 − K), rovnako pre M a Y. Nezapája sa žiadny profil ICC, takže čísla nepredpovedajú, čo vytlačí konkrétny stroj. Pre profesionálnu tlač konvertuj v layoutovom softvéri s profilom, ktorý dodá tvoja tlačiareň (napríklad FOGRA39 alebo GRACoL). Prevod CMYK späť na RGB používa inverzný vzorec R = (1 − C)(1 − K).

Často kladené otázky

Ako prevediem HEX na RGB ručne?

Rozdeľ kód na tri dvojice a každú z nich preveď zo šestnástkovej do desiatkovej sústavy. Pre #FF6347: FF = 255, 63 = 99, 47 = 71, takže farba je rgb(255, 99, 71).

Aký je rozdiel medzi HSL a HSV?

Obe používajú uhol odtieňa a sýtosť, no tretia hodnota v HSL je svetlosť (50 % je čistá farba, 100 % biela), kým v HSV je to hodnota alebo jas (100 % je čistá farba alebo biela, podľa sýtosti). Tá istá farba má preto v každom modeli iné čísla sýtosti.

Prečo je moja hodnota LAB iná než v inom prevodníku?

Najpravdepodobnejšie kvôli bielemu bodu. Tento nástroj používa D50, rovnako ako CSS lab(). Prevodníky založené na D65 dávajú mierne odlišné čísla. Obe sú správne vo svojom vzťažnom systéme.

Môžem konvertovať CMYK na HEX?

Áno. Zadaj napríklad cmyk(0%, 61%, 72%, 0%) alebo cmyk(0, 0.61, 0.72, 0). Pamätaj, že výsledok je aproximácia bez farebného profilu.

Prijíma aj farby bez znaku #?

Áno. Rozpoznajú sa ff6347, f64 aj tri čísla oddelené čiarkami, napríklad 255, 99, 71.

Súvisiace nástroje