Pretvarač boja

Što je konverter boja?

Konverter boja prevodi vrijednosti boja između različitih modela — HEX, RGB, HSL, HSV i CMYK. Dizajneri i programeri često trebaju prebacivati između formata: CSS koristi HEX i RGB, alati za dizajn često koriste HSL za intuitivni odabir boja, a tiskarski tijekovi zahtijevaju CMYK. Ovaj alat obrađuje sve konverzije trenutno.

Svaki model boja predstavlja boje drugačije. RGB (crvena, zelena, plava) miješa svjetlost — koristi se za zaslone. CMYK (cijan, magenta, žuta, crna) miješa tintu koja apsorbira svjetlost — koristi se za tisak. HSL (nijansa, zasićenost, svjetlina) opisuje boje na način na koji ih ljudi percipiraju — čista boja, živost i sjajnost. HEX je samo RGB zapisan u heksadecimalnom obliku.

Modeli boja objašnjeni

• HEX — šesteroznamenkovni heksadecimalni kod (#FF5733). Kompaktan i naširoko se koristi u web razvoju.
• RGB — tri vrijednosti (0–255) za crvenu, zelenu i plavu. Nativni model boja za zaslone.
• HSL — nijansa (0–360 stupnjeva), zasićenost (0–100%) i svjetlina (0–100%). Intuitivan za stvaranje paleta boja.
• HSV/HSB — slično HSL-u, ali koristi vrijednost/sjajnost umjesto svjetline. Uobičajeno u alatima za grafički dizajn.
• CMYK — četiri vrijednosti (0–100%) za cijan, magentu, žutu i crnu. Koristi se u tiskarskoj produkciji.

Kako koristiti ovaj alat

Unesite vrijednost boje u bilo kojem podržanom formatu i sve ostale reprezentacije se izračunavaju trenutno. Koristite birač boja za vizualni odabir. Alat prikazuje uzorak pregleda i konvertirane vrijednosti u formatima HEX, RGB, HSL, HSV i CMYK, spreman za kopiranje i lijepljenje u vaš kod ili alat za dizajn.

Boje u web razvoju

CSS podržava više formata boja: hex (#ff5733), rgb(255, 87, 51), hsl(11, 100%, 60%) i imenovane boje (tomato). Moderni CSS također podržava oklch() i oklab() za percepcijski uniformne prostore boja. Kada birate između formata, HEX je najkompaktniji, HSL je najlakši za programatsko prilagođavanje (posvijetliti povećanjem L, desaturirati smanjenjem S), a RGB je najšire podržan.

Često postavljana pitanja

Zašto boje izgledaju drugačije na zaslonu i u tisku?

Zasloni emitiraju svjetlost (RGB, aditivno miješanje boja) dok pisači koriste tintu koja apsorbira svjetlost (CMYK, subtraktivno miješanje). Gamut (raspon mogućih boja) RGB-a je veći od CMYK-a, pa se neke živahne boje zaslona ne mogu reproducirati u tisku. Zbog toga dizajneri trebaju raditi u CMYK-u pri stvaranju materijala za tisak i koristiti Pantone boje za kritično podudaranje boja.

Koja je razlika između HSL-a i HSV-a?

Oba koriste nijansu i zasićenost, ali se razlikuju u trećoj komponenti. Svjetlina HSL-a kreće se od 0 (crno) kroz 0,5 (čista boja) do 1 (bijelo). Vrijednost HSV-a kreće se od 0 (crno) do 1 (puna sjajnost). U HSL-u, zasićenost od 100% pri svjetlini 50% daje najčišću boju. U HSV-u, zasićenost 100% i vrijednost 100% daju najčišću boju. HSL je općenito intuitivniji za web dizajn.