AI je super. AI Manager je rješenje.

AI machine transforming numbers in neon

RGB vs CMYK: praktični vodič za web i tisak

RGB vs CMYK: kako odabrati ispravan sustav boja za web i tisak

Sažetak

RGB i CMYK su dva sustava boja namijenjena različitim medijima: RGB za ekrane (svjetlo), a CMYK za tisak (tinta). Iako se “ista” boja može zapisati u oba sustava, rezultat često nije identičan jer raspon boja (gamut) nije isti. Zbog toga logo može izgledati odlično na webu, ali drukčije na papiru. U ovom vodiču objašnjavam razlike, kada koristiti koji sustav, kako pripremiti datoteke te kako provjeriti da će ispis biti predvidljiv.

Kome je ovaj vodič namijenjen

  • vlasnicima web stranica i marketing menadžerima koji naručuju logo i promotivne materijale
  • dizajnerima i agencijama koje pripremaju datoteke za web i tisak
  • svima koji rade “brand assets” (logo, letci, vizitke, brošure)

Problem i simptomi

Najčešći problemi nastaju kad se RGB i CMYK pomiješaju ili kad se očekuje identičan izgled boje na ekranu i u tisku. Tipični simptomi su:

  • boje u tisku izgledaju tamnije ili “prljavije” nego na ekranu
  • zasićene nijanse (npr. jarka narančasta ili tirkizna) u tisku izgledaju “isprano”
  • rezultat se razlikuje ovisno o stroju i papiru
  • dobiješ datoteku označenu kao “CMYK”, ali u njoj su i dalje RGB/HEX vrijednosti (osobito kod SVG-a)

Cilj

Cilj je razumjeti razliku između RGB i CMYK, znati koju datoteku koristiti za web, a koju za tisak, standardizirati brand boje te izbjeći neugodna iznenađenja pri printu.

Okruženje / preduvjeti

  • Web: preglednici (Chrome/Firefox/Safari), grafika za web (SVG/PNG/JPG), u pravilu RGB (često sRGB).
  • Tisak: tiskara (digital/offset), priprema datoteka (najčešće PDF za tisak), papir i profil tiskare.
  • Alati (primjeri): Illustrator/Affinity/Inkscape, Acrobat ili alat za provjeru PDF-a, hosting/WordPress Media Library za distribuciju datoteka.

Rješenje – korak po korak

Korak 1: Razumij što je RGB i kada ga koristiš

RGB (Red, Green, Blue) je sustav boja za uređaje koji emitiraju svjetlo: monitori, mobiteli, TV. Boje se dobivaju aditivno (zbrajanjem svjetla), pa više svjetla znači svjetliji rezultat. Na webu se boje često zadaju kao HEX (npr. #199997) ili kao RGB vrijednosti (npr. rgb(25, 153, 151)).

Pravilo: za web i digitalne materijale koristi RGB verzije (SVG/PNG/JPG u RGB-u).

Korak 2: Razumij što je CMYK i kada ga koristiš

CMYK (Cyan, Magenta, Yellow, Key/Black) je sustav boja za tisak. Tisak ne emitira svjetlo, nego nanosi tintu, a boje se dobivaju subtraktivno (više tinte znači tamniji rezultat). CMYK se tipično izražava postocima, npr. C=78 M=0 Y=12 K=0.

Pravilo: za tisak koristi CMYK pripremljene datoteke (najčešće PDF za tisak) ili izvorne dizajnerske datoteke s CMYK profilima.

Korak 3: Shvati zašto RGB i CMYK ne daju identičan rezultat

  • Različit raspon boja (gamut): ekrani mogu prikazati nijanse koje tisak ne može reproducirati jednako.
  • Ovisnost o profilu i materijalu: tisak ovisi o stroju, papiru i ICC profilu tiskare.
  • “CMYK SVG” je često samo naziv: SVG je primarno web format i često i dalje sadrži RGB/HEX vrijednosti; za tisak se oslanjaj na PDF.

Korak 4: Standardiziraj brand boje u “brand specs” dokumentu

U dokument s brand podacima upiši:

  • RGB/HEX vrijednosti za web (npr. #199997 i #fea13b).
  • CMYK postotke za tisak (C/M/Y/K) ili jasnu napomenu da su CMYK boje definirane u print PDF-u.
  • fontove i stilove (npr. naziv fonta, bold/regular), te sve posebne napomene (razmaci, verzije loga).

Korak 5: Pripremi datoteke za Media Kit (web vs tisak)

Minimalni set koji se u praksi pokazao dobrim:

  • Web (RGB): logo-rgb.svg, po potrebi logo-rgb.png.
  • Tisak (CMYK): logo-cmyk.pdf (ili “print logo” u PDF-u), te tiskani letci/vizitke kao PDF za tisak.
  • Opcionalno: jednobojna verzija (1C) i negativ/pozitiv varijante ako često radiš na tamnim podlogama.

Korak 6: Provjeri tisak kroz “proof” (test otisak)

Ne procjenjuj CMYK na ekranu kao istinu. Ako su boje kritične, napravi probni otisak (proof) na papiru i na stroju na kojem će se raditi finalni tisak.

Provjera rezultata (kako znam da radi)

  • Web: logo izgleda konzistentno na većini ekrana (manje razlike su normalne zbog kalibracije uređaja).
  • Tisak: probni otisak izgleda prihvatljivo i ponovljivo na odabranom papiru.
  • Organizacija: datoteke su jasno označene (RGB vs CMYK) i dostupne u Media Kit-u.
  • Dokumentacija: “brand specs” sadrži RGB/HEX i CMYK vrijednosti (ili referencu na print PDF).

Najčešće greške i kako ih izbjeći

  • Slanje RGB PNG-a u tiskaru: za tisak šalji CMYK PDF (ili format koji tiskara traži).
  • Očekivanje identičnog izgleda na ekranu i u tisku: radi proof/test print.
  • Oslanjanje na “CMYK SVG”: SVG koristi za web; za tisak traži PDF pripremljen za tisak.
  • Nedostatak profila tiskare: pitaj tiskaru koji PDF standard i profil preporučuju.
  • Neoznačene datoteke: koristi jasna imena i strukturu (npr. logo-rgb.svg, logo-cmyk.pdf).

Zaključak

RGB i CMYK nisu konkurentski sustavi, nego standardi za različite medije. RGB je za web i ekrane, CMYK za tisak. Najčešći problemi nastaju kad se u tiskarski proces šalju datoteke pripremljene za web ili kad se očekuje identičan izgled boja u oba svijeta. Najsigurniji pristup je imati jasno definirane brand boje (RGB/HEX + CMYK), odvojene datoteke za web i tisak te provjeru kroz probni otisak.