Dzień 3 - Kolor 18.08.2025

Systemy Kolorów:
RGB - kolory Ekranów
red, green, Blue - kolory światła.
System addytywny - Koory "dodają się", powstaje biały.
Stosowany w grafice cyfrowej, prezentacjach i stronach www.
- RGB (0 ,0 ,0 ) - Czerń
- RGB (255, 255, 255 ) - Biel
CMYK - Kolory do druku
- Cyjan, Magenta, Yellow, black
- system subtraktywny - mieszanie farb pochłania światło --> ciemniejsze kolory.
- po zmieszaniu wszystkich : czarny
PANTON - Profesjonalne kolory
- profesjonalny system kolorów.
- 1000+ predefiniowanych odcieni.
- Kolory Pantone nie zawsze można dokładnie odwzorować w RGB/CMYK
HEX RGB
HEX to alternatywny sposób zapisu RGB, tylko zamiast dziesiętnych liczb (0-255) używa się systemu szesnastkowego.
#FF0000 = czerwony
#000000 = czarny
#FFFFFF = biały
- używany przede wszystkim w HTML, CSS i aplikacjach webowych.
- Również używany w określaniu kolorów firmy
HSL - System stworzony dla człowieka - lepiej oddaje nasze postrzeganie kolorów:
Psychologia Kolorów:
Znaczenie podstawowych kolorów (ogólne tendencje)
(uwaga: znaczenia mogą się różnić kulturowo)
- Czerwony – energia, pasja, agresja, pobudza apetyt, przyciąga uwagę.
- Niebieski – spokój, zaufanie, chłód, stabilność (często wybierany przez banki, technologie).
- Żółty – optymizm, ciepło, radość, ale w nadmiarze może męczyć.
- Zielony – natura, harmonia, świeżość, równowaga, zdrowie.
- Pomarańczowy – entuzjazm, kreatywność, zachęta do działania.
- Fioletowy – luksus, duchowość, tajemniczość, prestiż.
- Czarny – elegancja, siła, formalność, ale też żałoba (w wielu kulturach).
- Biały – czystość, niewinność, minimalizm (w niektórych kulturach symbol żałoby).
- Szary – neutralność, profesjonalizm, może być też odbierany jako chłodny i bezosobowy.
Zastosowania psychologii kolorów
- Marketing i reklama – wybór kolorów wpływa na odbiór marki i decyzje zakupowe.
- Branding – kolor buduje tożsamość i zapamiętywalność marki.
- Architektura i wnętrza – kolory mogą relaksować (zieleń, błękit) lub pobudzać (czerwień, żółć).
- Moda – barwy ubrań wpływają na to, jak jesteśmy postrzegani.
- Sztuka i projektowanie – kolor to narzędzie wyrażania emocji i nastroju.
Czynniki wpływające na odbiór kolorów
- Kontekst kulturowy – np. biały = ślub w Europie, żałoba w Azji.
- Osobiste skojarzenia – wspomnienia i doświadczenia zmieniają reakcje na kolory.
- Oświetlenie i otoczenie – barwa może wydawać się cieplejsza/chłodniejsza w zależności od światła.
- Trendy i moda – znaczenie kolorów ewoluuje w czasie (np. pastelowe barwy = współczesny minimalizm).
Kolor a emocje (podsumowanie w skrócie)
- Ciepłe kolory (czerwień, pomarańcz, żółty) → pobudzają, motywują, przyciągają uwagę.
- Chłodne kolory (niebieski, zielony, fiolet) → uspokajają, relaksują, tworzą dystans.
- Neutralne (biały, szary, czarny, beż) → balans, tło lub elegancja.
Czytelność, Kontrast i Harmonia:
Czytelność:
- Ciemny tekst na jasnym tle (lub odwrotnie)
- Prosty font, Wystarczający rozmiar
- Nieprzeładowane tło
- Łatwość w odbiorze informacji
Kontrast:
- Różnice barwy, jasności lub stylu
- Im większy kontrast - tym większa uwaga
Harmonia:
- Kolory, które do siebie pasują:
- Analogicznie - sąsiadujące na kole barw
- komplementarne - naprzeciw siebie (np. niebieski i pomarańczowy)
- Monohromatyczne - w różne odcienie tej samej barwy

Narzędzi do Analizy Koloru:

https://www.colourlovers.com/ - stronka obecnie nie działa
https://www.sessions.edu/color-calculator/
https://www.canva.com/colors/color-palette-generator/
Sprawdzajmy czy nasz projekt spełnia normy WCAG
https://www.gov.pl/web/dostepnosc-cyfrowa/wcag-21-w-skrocie
Zadanie :
Zaprojektuj paletę kolorów do 3 celów:
1. wydarzenie dla dzieci

- Nowoczesna Firma

- EKO marka Lokalna

praca na zajęciach:



VonKoch:


+ Mirror

Mandala:

ZADANIE DOMOWE:
używając poznane funkcje dokończ Mandale i pokoloruj ją.
LINKI:

https://excalidraw.com/#room=8be5615c2d3d690d6bed,C2IYkAwI3hvTJyzTtfJ9PQ
Kolor roku : https://kampaniespoleczne.pl/kolor-roku/
Normy WCAG : https://www.gov.pl/web/dostepnosc-cyfrowa/wcag-21-w-skrocie
Narzędzie do analizy koloru:
https://www.colourlovers.com/ - strona obecnie nie dział