kolor ma znaczenie

wrażenie odbierane przez nasze oczy i mózg

pomaga stworzyć spójny projekt, przekazać emocje i znaczenia

ułatwia komunikacje z drukarnią, klientem, czy zespołem

barwa(Hue) nazwa koloru – czerwony, zielony

ton (Value) jasność koloru— ciemny, jasny

nasycenie (saturation) intensywność — żywy, mocny, przygaszony

koło barw

barwy podstawowe, drugorzędowe, trzeciorzędowe

systemy RGB kolory światła

system addytywny, kolory dodają się, powstaje biały

grafika cyfrowa, prezentacja, strony www

RGB (255,0,0) CZYSTA CZERWIEŃ

RGB (0,0,0) CZERŃ --BRAK ŚWIATŁA

RGB (255,255,255) BIEL --PEŁNE ŚWIATŁO WE WSZYSTKICH KANAŁACH

SYSTEM CMYK kolor do druku, nakładanie barw wyrażane w %

C: 0%, M: 100%, Y:100%,K:0% —>czerwień (mieszanka Magenty i Y-żółtego)

SYSTEM SUBTRAKTYWNY, mieszanie barw pochłania światło —>ciemniejsze kolory

po zmieszaniu wszystkich — czarny

trudniejsze do odwzorowania na ekranie

system PMS

panton profesjonalne kolory

1000+ predefiniowanych odcieni

nie zawsze można dokładnie odwzorować w RGB/CMYK

numer nazwa np. pantone 186 C intensywna czerwień

RGB-HEX alternatywny sposób zapisu RGB

system szesnastkowy

RGB-HSL najlepiej oddaje postrzeganie kolorów przez człowieka

Hue - barwa 0 do 360 stopni (kąt w kole barw)

Saturation - nasycenie 0-100%

Lightness - jasność 0-100%

HSL (0%,100%,50%) czysta czerwień

łatwiej zrobić wariant koloru -niż RGB 3 niezależne liczby

żółty— grafiki dla dzieci

niebieski– firmy technologiczne

zimny/ciepły --> cofnięty/wysunięty

\https://excalidraw.com/#room=8be5615c2d3d690d6bed,C2IYkAwI3hvTJyzTtfJ9PQ ​

WCAG https://www.gov.pl/web/dostepnosc-cyfrowa/wcag-21-w-skrociehttps://color.adobe.com/ https://coolors.co/https://www.sessions.edu/color-calculator/https://www.canva.com/colors/color-palette

czytelność: łatwość w odbiorze informacji

ciemny tekst ->jasne tło lub na odwrót

prosty font, nieprzeładowane tło

harmonia:

kontrast:

różnice barw, jasności, stylu

im większy kontrast, tym większa uwaga

z zajęć: prowadnice

snapping

szybka mandala: efekty==> Pattern along path, mirror symmetry, rotate copies