Preskočiť na hlavný obsah
LibraTool logoLibraTool

Konvertor farieb zadarmo

Konvertujte farby medzi formátmi HEX, RGB, HSL, HSV a CMYK okamžite. Zahŕňa škálu svetlosti a predvolené vzorky.

Po načítaní funguje offline

Konvertujte farbu medzi HEX, RGB, HSL, HSV a CMYK — s živým náhľadom a kopírovaním jedným kliknutím. Všetko beží v prehliadači.

Akceptuje: HEX (#fff alebo #ffffff), RGB (255, 255, 255) alebo HSL (360, 100%, 50%)

100%
Predvolby:
HEX#14B8A6
rgb() · staršia verziargb(20, 184, 166)
rgb() · modernárgb(20 184 166)
hsl() · staršia verziahsl(173, 80%, 40%)
hsl() · modernáhsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB hodnoty20, 184, 166

Kontrast podľa WCAG

Na bielom pozadí

2,49:1

Zlyháno

Na čiernom pozadí

8,44:1

AAA
🖨️ Na tlač: Tieto hodnoty CMYK (89%, 0%, 10%, 28%) sú štandardná aproximácia sRGB→CMYK pre referenciu. Pre presnú farbu tlače použite ICC profil vašej tlačiarne alebo vytlačenú vzorku — obrazovka CMYK nemôže zodpovedať každému atramentu/papieri.

Škála svetlosti

Kliknutím na vzorku prepnete na daný odtieň

Bežné použitia

  • Konvertujte farby pre webový dizajnZískajte HEX, RGB a HSL hodnoty pre ľubovoľnú farbu — pripravené na vloženie do CSS alebo Tailwind.
  • Konvertujte farby na tlač (CMYK)Konvertujte farby obrazovky (HEX/RGB) na hodnoty CMYK na použitie v návrhu tlače a profesionálnej tlači.
  • Vytvorte farebné palety pre systémy dizajnuKonvertujte farby značky do všetkých formátov a vytvorte konzistentné stĺpce svetlosti na úplný systém dizajnu.
  • Skontrolujte farebný kontrast pre dostupnosťKonvertujte farby na získanie hodnôt RGB na použitie v nástrojoch pomeru kontrastu — WCAG súlad pre dostupný dizajn.
  • Konvertujte farby pre FigmuZískajte presné HEX a RGB hodnoty na vloženie do Figmy farbičov a návrhových systémov.

Ako to funguje

Celá logika prevodu je ručne napísaný JavaScript bežiaci výhradne vo vašom prehliadači — bez knižnice, bez volania servera. Nástroj spracuje váš vstup, prevedie ho reťazcom čistých matematických funkcií a súčasne vytvorí jedenásť výstupných formátov vrátane moderných priestorov CSS Color 4 oklch() a lab().

  1. 1
    Flexibilné spracovanie vstupu
    Vlastný parser prijíma hex (3, 4, 6 alebo 8 číslic), rgb()/rgba(), hsl()/hsla() v starej čiarkovej aj modernej medzerovej syntaxi a holé číselné trojice. Hodnoty priehľadnosti ako desatinné čísla alebo percentá sa pred akýmkoľvek prevodom normalizujú na rozsah 0–1.
  2. 2
    RGB ako centrum prevodu
    Každý prijatý formát sa najprv prevedie na kanonickú trojicu RGB. Z tejto jedinej reprezentácie sa nástroj rozvetví: HSL a HSV používajú štandardné vzorce min/max/chróma; CMYK sa odvodí nájdením kľúčového kanála; a linearizácia sRGB (po častiach definovaná gama krivka podľa IEC 61966-2-1) sa aplikuje pred výpočtami vo vnímacích priestoroch.
  3. 3
    Vnímacie farebné priestory počítané od základu
    oklch() sa počíta pomocou referenčných matíc 3×3 Björna Ottossona (priestor kubického koreňa LMS). lab() a lch() používajú Bradfordovu chromatickú adaptáciu na prevod z bieleho bodu D65 na D50, čo zodpovedá tomu, ako CSS Color 4 definuje lab(). Sú to rovnaké vzorce, aké sa používajú vo vykresľovacích enginoch prehliadačov — tu implementované bez akejkoľvek externej závislosti.
  4. 4
    Kontrast WCAG a škála svetlosti
    Relatívny jas sa počíta podľa vzorca WCAG 2.1 (linearizované R, G, B vážené 0,2126/0,7152/0,0722) a kontrastný pomer voči bielej a čiernej sa hodnotí ako AA-veľký, AA, AAA alebo Neúspešný. Deväťkrokový pruh svetlosti sa generuje krokovaním kanála svetlosti HSL od 10 % do 90 %, čo umožňuje kliknutím na ľubovoľnú vzorku previesť daný odtieň.

Súvisiace nástroje

🎨

Výber farieb a generátor paliet

Vyberte farby, konvertujte medzi HEX/RGB/HSL a generujte harmonické palety.

Vyskúšajte
🎨

Generátor náhodných farieb

Generujte náhodné farby po jednej alebo ako paletu piatich, zamknite tie, ktoré sa vám páčia, kopírujte hodnoty HEX, RGB alebo HSL a exportujte paletu ako PNG alebo CSS.

Vyskúšajte
🎨

Generátor farebnej palety

Generujte komplementárne, analogické, triadické a monochromatické farebné palety z ľubovoľnej základnej farby. Skopírujte hex kódy jedným kliknutím.

Vyskúšajte

Často kladené otázky