Grafika komputerowa: rastrowa, wektorowa, modele kolorów RGB, HSV, HSL, CMYK i Pantone

🖥️ Grafika komputerowa

Grafika komputerowa to dziedzina informatyki zajmująca się tworzeniem, przetwarzaniem i prezentacją obrazów za pomocą komputera.

Obejmuje:

• Grafikę rastrową – obrazy złożone z pikseli (np. zdjęcia, obrazy w formatach JPG, PNG, BMP).
• Grafikę wektorową – obrazy oparte na figurach geometrycznych (linie, krzywe, wielokąty), skalowalne bez utraty jakości (np. SVG, AI).
• Zastosowania: projektowanie graficzne, gry komputerowe, filmy, wizualizacje 3D, reklama, interfejsy użytkownika itp.

Podział grafiki komputerowej

Ze względu na reprezentację danych

• Grafika rastrowa
• Grafika wektorowa

Ze względu na charakter danych

• Grafika dwuwymiarowa
• Grafika trójwymiarowa
• Grafika ruchoma

🎨 Kolor

Kolor to wrażenie wzrokowe wywołane przez światło o określonej długości fali, odbite lub emitowane przez powierzchnię.

Kolor opisuje się trzema cechami:

• Barwa (hue) – odcień (np. czerwony, zielony, niebieski),
• Nasycenie (saturation) – intensywność koloru,
• Jasność (brightness/lightness) – ilość światła w kolorze.

🌈 Model RGB (Red, Green, Blue)

Model RGB to addytywny model barw, stosowany w urządzeniach emitujących światło – np. monitorach, telewizorach, ekranach smartfonów.

Każdy kolor powstaje przez mieszanie trzech barw podstawowych:

• R – czerwony
• G – zielony
• B – niebieski

Maksymalne wartości (R=255, G=255, B=255) dają biały, a minimalne (0, 0, 0) – czarny.

🎛️ Model HSV (Hue, Saturation, Value) i HSL (Hue, Saturation, Lightness)

To modele barw, które lepiej opisują sposób, w jaki człowiek postrzega kolory.

• Hue (barwa) – określa kolor podstawowy (0°–360° na kole barw: czerwony, żółty, zielony, niebieski itd.)
• Saturation (nasycenie) – intensywność barwy (0% – szary, 100% – czysty kolor)
• Value / Lightness:
• HSV – Value: określa, jak jasny lub ciemny jest kolor względem maksymalnej jasności.
• HSL – Lightness: określa jasność względem czerni i bieli – 50% to czysty kolor, 0% to czarny, 100% to biały.

👉 Modele HSV/HSL są często używane w programach graficznych (np. Photoshop, GIMP), ponieważ są bardziej intuicyjne dla ludzi niż RGB.

🖨️ Model CMYK (Cyan, Magenta, Yellow, Key/Black)

Model CMYK to subtraktywny model barw, stosowany w drukarstwie.

Powstaje przez mieszanie barwników, które pochłaniają światło.

Składowe:

• C – cyjan (niebieskozielony),
• M – magenta (purpurowy),
• Y – żółty,
• K – czarny (dodany, bo mieszanie trzech kolorów nie daje idealnej czerni).

Drukarka łączy te tusze, by uzyskać szeroką gamę kolorów na papierze.

👉 RGB → CMYK – konwersja potrzebna przy przygotowaniu plików do druku.

🎨 Pantone (PMS – Pantone Matching System)

System Pantone to standaryzowany system kolorów używany w druku i projektowaniu graficznym.

Każdy kolor ma unikalny numer (np. Pantone 186 C), co pozwala na dokładne odwzorowanie barw niezależnie od drukarki, farby czy papieru.

Używa się go m.in. w:

• projektach logo i identyfikacji wizualnej,
• drukach reklamowych.

👉 W odróżnieniu od CMYK, kolory Pantone są gotowymi farbami mieszanymi, a nie mieszankami podstawowych tuszy drukarskich.

Raster

Druk farbami lub tonerami odbywa się za pomocą rastra. Raster jest to punkt, który ma kształt koła.

Każdy kolor CMYK ma swój kąt:

• C: 15%
• M: 75%
• Y: 0%
• K: 45%