Dzień 3 - Kolor 18.08.2025

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://color.adobe.com/ 

Coolors - The super fast color palettes generator!
Generate or browse beautiful color combinations for your designs.

https://coolors.co/

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

  1. Nowoczesna Firma
  1. EKO marka Lokalna


praca na zajęciach:

VonKoch:

+ Mirror

Mandala:


ZADANIE DOMOWE:

używając poznane funkcje dokończ Mandale i pokoloruj ją.

LINKI:

Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

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://color.adobe.com/ 

https://coolors.co/

https://www.colourlovers.com/ - strona obecnie nie dział

https://www.sessions.edu/color-calculator/

https://www.canva.com/colors/color-palette-generator/