Preskoči na glavni sadržaj
LibraTool logoLibraTool

Pretvarač boja — besplatno

Trenutno pretvorite boje između HEX, RGB, HSL, HSV i CMYK formata. Uključuje skalu svjetline i unaprijed postavljene uzorke.

Radi offline nakon učitavanja

Pretvorite boju između HEX, RGB, HSL, HSV i CMYK — s uživo prikazom i kopiranjem jednim dodirom. Sve se izvršava u vašem pregledniku.

Prihvaća: HEX (#fff ili #ffffff), RGB (255, 255, 255) ili HSL (360, 100%, 50%)

100%
Unaprijed postavljeni:
HEX#14B8A6
rgb() · naslijeđenargb(20, 184, 166)
rgb() · modernargb(20 184 166)
hsl() · naslijeđenahsl(173, 80%, 40%)
hsl() · modernahsl(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 vrijednosti20, 184, 166

WCAG kontrast

Na bijeloj pozadini

2,49:1

Neuspješno

Na crnoj pozadini

8,44:1

AAA
🖨️ Za ispis: Ove CMYK vrijednosti (89%, 0%, 10%, 28%) su standardna sRGB→CMYK aproksimacija za referencu. Za preciznu boju ispisa, koristi ICC profil tvog pisača ili tiskanog dokaza — CMYK na ekranu ne može odgovarati svakoj boji/papiru.

Ljestvica svjetline

Kliknite na uzorak za prelazak na tu nijansu

Uobičajene namjene

  • Konvertirajte boje za web dizajnDobijte HEX, RGB i HSL vrijednosti za bilo koju boju — spremne za zalijepljivanje u CSS ili Tailwind.
  • Konvertirajte boje za ispis (CMYK)Konvertirajte boje ekrana (HEX/RGB) u CMYK vrijednosti za upotrebu u dizajnu ispisa i profesionalnom tisku.
  • Gradite palete boja za sustave dizajnaKonvertirajte boje marke u sve formate i kreirajte dosljedne svjetline skale za potpuni sustav dizajna.
  • Provjerite kontrast boja za pristupačnostKonvertirajte boje da biste dobili RGB vrijednosti za korištenje u alatima omjera kontrasta — WCAG sukladnost za dostupan dizajn.
  • Konvertirajte boje za FigmuPronađite točne HEX i RGB vrijednosti za lijepljenje u Figmu izbornike boja i sustave oznaka dizajna.

Kako funkcionira

Sva logika pretvorbe je ručno napisan JavaScript koji radi u potpunosti u vašem pregledniku — bez biblioteke, bez poziva poslužitelju. Alat raščlanjuje vaš unos, usmjerava ga kroz lanac čistih matematičkih funkcija i istovremeno proizvodi jedanaest izlaznih formata uključujući moderne CSS Color 4 prostore oklch() i lab().

  1. 1
    Fleksibilno raščlanjivanje unosa
    Prilagođeni parser prihvaća heks (3, 4, 6 ili 8 znamenki), rgb()/rgba(), hsl()/hsla() u i zastarjeloj sintaksi sa zarezima i modernoj sintaksi s razmacima, te gole brojčane trojke. Vrijednosti alfa kao decimale ili postoci normaliziraju se na raspon 0–1 prije nego bilo kakva pretvorba počne.
  2. 2
    RGB kao središte pretvorbe
    Svaki prihvaćeni format prvo se razrješava u kanonsku RGB trojku. Iz te jedne reprezentacije alat se grana: HSL i HSV koriste standardne formule min/maks/kroma; CMYK se izvodi pronalaženjem ključnog kanala; a sRGB linearizacija (odsječna gama krivulja definirana u IEC 61966-2-1) primjenjuje se prije izračuna perceptivnog prostora.
  3. 3
    Perceptivni prostori boja izračunati od nule
    oklch() se izračunava koristeći referentne 3×3 matrice Björna Ottossona (LMS prostor kubnog korijena). lab() i lch() koriste Bradfordovu kromatsku adaptaciju za pretvorbu iz D65 bijele točke u D50, što odgovara načinu na koji CSS Color 4 definira lab(). Ovo su iste formule korištene u mehanizmima renderiranja preglednika — implementirane ovdje bez ikakve vanjske ovisnosti.
  4. 4
    WCAG kontrast i skala svjetline
    Relativna svjetlina izračunava se prema WCAG 2.1 formuli (linearizirani R, G, B ponderirani 0,2126/0,7152/0,0722), a omjer kontrasta prema bijeloj i crnoj ocjenjuje se kao AA-veliko, AA, AAA ili Pad. Traka od devet koraka svjetline generira se koračanjem HSL kanala svjetline od 10% do 90%, omogućujući vam klik na bilo koji uzorak za pretvorbu te nijanse.

Srodni alati

🎨

Odabir boja i generator palete

Odaberite boje, konvertirajte između HEX/RGB/HSL i generirajte harmonične palete.

Isprobajte
🎨

Generator nasumičnih boja

Generirajte nasumične boje jednu po jednu ili kao paletu od pet, zaključajte one koje vam se sviđaju, kopirajte HEX, RGB ili HSL vrijednosti i izvezite paletu kao PNG ili CSS.

Isprobajte
🎨

Generator palete boja

Generirajte komplementarne, analogne, trijadne i monohromatske palete boja iz bilo koje osnovne boje. Kopirajte hex kodove jednim klikom.

Isprobajte

Često postavljana pitanja