Kolor

Zadanie domowe: Bąbelkowe Logo PAKT dla Kobiet

Typ zadania: Projekt indywidualny, ćwiczenie kreatywne z typografią
Styl: Zabawa formą, lekkość, nowoczesność
Opis: Twoim zadaniem jest zaprojektowanie lekkiego, bąbelkowego logotypu inspirowanego projektem PAKT dla Kobiet. Ma on oddawać radość z nauki, wspólnotę i energię grupy. Użyj dowolnego fontu (np. zainstalowanego na komputerze lub z Google Fonts), przekształć go w krzywe, a następnie za pomocą narzędzi do edycji węzłów (nodes) i operacji booleanowych stwórz z liter unikalną formę graficzną.

Kolor jest jednym z głównych narzędzi komunikacji wizualnej – wpływa na emocje, nastrój i odbiór przekazu.

• Barwa (Hue) – odcień koloru, określany w stopniach na kole barw (np. czerwony, zielony, niebieski).
• Ton (Value / Brightness) – jasność koloru, czyli jak bardzo kolor jest jasny lub ciemny (dodanie bieli lub czerni).
• Nasycenie (Saturation) – intensywność koloru (od pełnego, czystego koloru do szarości).

Koło barw – kolory podstawowe i pochodne

KOŁO BARW

• Barwy podstawowe (tradycyjne): czerwony, żółty, niebieski
• Barwy drugorzędowe: powstają z mieszania dwóch podstawowych (fioletowy, zielony, pomarańczowy)
• Barwy trzeciorzędowe: mieszanka barwy podstawowej z drugorzędową (np. czerwonopomarańczowy)

SYSTEMY KOLORÓW

RGB (Red, Green, Blue)

• Model addytywny – oparty na świetle
• Stosowany w ekranach (monitory, telewizory, telefony, projektory)
• Każdy kanał: 0–255 (0 = brak światła, 255 = maks. intensywność)
• Czerń: R=0, G=0, B=0
• Biel: R=255, G=255, B=255
• Dlaczego 255? → Wynika z zapisu 8-bitowego (2⁸ = 256 wartości, od 0 do 255)

CMYK (Cyan, Magenta, Yellow, Key/Black)

• Model subtraktywny – oparty na pochłanianiu światła
• Stosowany w druku
• Mieszanie barw zmniejsza ilość odbitego światła → kolory stają się ciemniejsze
• Przykład: C=0%, M=100%, Y=100%, K=0% → czysta czerwień
• Konwersja RGB ⇄ CMYK nigdy nie jest w 100% wierna

PMS (Pantone Matching System)

• Profesjonalny system kolorów
• Każdy kolor ma numer i recepturę (nie powstaje z mieszania podstawowych barw)
• Gwarantuje powtarzalność koloru w różnych wydrukach

ZAPIS KOLORÓW

RGB – HEX

• Format: #RRGGBB (wartości 00–FF w zapisie szesnastkowym)
• Przykład: Czysta czerwień → #FF0000

RGB – HSL (Hue, Saturation, Lightness)

• Hue (barwa) – kąt na kole barw (0–360°)
• Saturation (nasycenie) – intensywność koloru (0–100%)
• Lightness (jasność) – jasność koloru (0–100%)

KOLOROSKOJARZENIA

• Biały – czystość, minimalizm, duchowość
• Czarny – elegancja, luksus, tajemnica, smutek
• Czerwony – energia, miłość, złość, ostrzeżenie
• Żółty – radość, optymizm, impulsywność
• Zielony – natura, spokój, ekologia, zdrowie
• Niebieski – zaufanie, spokój, technologia
• Fioletowy – luksus, duchowość, oryginalność

CIEPŁO I GŁĘBIA KOLORÓW

• Barwy ciepłe – z przewagą czerwieni/żółci, wizualnie „wysuwają się” do przodu
• Barwy zimne – z przewagą niebieskiego, wizualnie cofają się w głąb

KONTRAST I CZYTELNOŚĆ

• Kontrast – różnice barwy, jasności lub stylu; im większy kontrast, tym większa uwaga odbiorcy
• Czytelność:
  • Jasny tekst na ciemnym tle lub odwrotnie
  • Prosty font, odpowiedni rozmiar
  • Brak zbędnych ozdobników i przeładowanego tła

HARMONIA KOLORÓW

• Analogiczne – kolory sąsiadujące na kole barw (spójne i łagodne)
• Komplementarne – kolory naprzeciwko siebie (silny kontrast)
• Monochromatyczne – różne odcienie jednego koloru (spójny efekt)

PRZYDATNE NARZĘDZIA ONLINE

Adobe Color – generowanie palet, analiza kontrastu

Coolors – szybkie generowanie i zapisywanie palet

ColourLovers – społeczność i gotowe palety

Canva Color Palette Generator – palety z obrazów

WCAG 2.1 – zasady dostępności