Przez Dorota Beata Kwiatkowska w 2d — 18 sie 2025

Kolory

Cóż tu można nawywijać z kolorami...

Kolor to wrażenie odbierane przez nasze oczy i mózg, powstające w wyniku interakcji światła z powierzchnią. Kolor w projekcie wpływa na emocje, zachowanie i sposób odbioru informacji (nadaje znaczenia) oraz odpowiada za wrażenia estetyczne i nadaje spójność projektowi. Znajomość języka kolorów ułatwia komunikację z drukarnią, klientem i zespołem.

barwa (hue) - nazwa koloru, żółty, zielony; ton (value) - jasność koloru, ciemny czy jasny; nasycenie (saturation) - intensywność koloru, żywi i mocny czy przygaszony, zszarzały;

KOŁO BARW

barwy podstawowe - niebieski, żółty, czerwony;

barwy drugorzędowe z mieszania podstawowych - pomarańczowy, zielony, fioletowy;

barwy trzeciorzędowe z mieszania podstawowego z drugorzędowym - fioletowo niebieski;

SYSTEMY KOLORÓW

RGB (Red, Green, Blue) - odpowiada kolorom światła, kolory dodają się (addytywny, powstaje biały); grafika cyfrowa, prezentacje, www; 0-255 to 256- maksymalna liczba w systemie binarnym na 8 bitach;

Prawidłowe ustawienie kolorów ma znaczenie przy projektowaniu na laser: czerwony pełny przecina, czarny pełny grawer.

CMYK (Cyan, Magenta, Yellow, blacK) - barwy powstają przez nakładanie farb i pochłaniają światło (subtraktywny, powstaje czarny); druk; czerwień to mieszanka magenty i żółtego C0%M100%Y100%K0%; kolory trudniejsze do odwzorowania na ekranie (stąd różnice przy konwersji);

PMS (Pantone Matching System) kolory profesjonalne, standaryzowany, globalny system do jednoznacznej identyfikacji i komunikacji kolorów, ponad 1000 predefiniowanych gotowych kolorów; numer koloru i nazwa; druk, przemysł tekstylny;

Kolory z tego systemu nie zawsze można dobrze odwzorować w RGB/CMYK.

https://www.pantone.com/color-systems/pantone-color-systems-explained

RGB - HEX

Ilustracja zawiera lokowanie produktu, którym jest słynna, czerwona kropka.

RGB - HSL (hue barwa, saturation nasycenie, lightness jasność)

używa bardziej intuicyjnych wartości, opisując kolory przy pomocy barwy (stopnie na kole, 360), nasycenia i jasności (w %); czysta czerwień w HSL (0stopni, 100%, 50%); łatwiej tu zrobić jaśniejszy lub mniej nasycony wariant tego samego koloru;

PSYCHOLOGIA KOLORÓW

Źródło: https://tombrand.pl/psychologia-kolorow-w-marketingu-znaczenie-kolorow/

PK by Maciek: czerwony - energia, pasja, ostrzeżenie, zakaz; żółty - radość, optymizm, impulsywność, grafiki dla dzieci; niebieski - zaufanie, chłód, technologia (loga); zielony - natura, spokój, bezpieczeństwo, ekologia, zdrowie; czarny - elegancja, siła, tajemnica, moda, luksus; biały - czystość, minimalizm, nowoczesność, budynki, meble; fiolet - luksus, duchowość, oryginalność, kosmetyki, kultura, szaty liturgiczne;

Znaczenie kolorów jest silnie osadzone w kulturze, co warto wziąć pod uwagę realizując zadanie. https://aimnow.art/kultura-a-kolory/

BARWY CIEPŁE I ZIMNE

KOLORY CIEPLEJSZE - mniej żółtej, więcej czerwieni; wizualnie wychodzą ku przodowi;

KOLORY ZIMNIEJSZE - najzimniejszy jest niebieski, zielenie trochę mniej zimne; wizualnie w tle;

CZYTELNOŚĆ, KONTRAST I HARMONIA BARW

Co wpływa na czytelność: jasny tekst na ciemnym tle (lub odwrotnie), prosty font w odpowiednim rozmiarze, nieprzeładowone tło; wytyczne WCAG (Web Content Accessibility Guidelines) - wyjaśniają jak tworzyć www i aplikacje (postrzegalność, funkcjonalność, zrozumiałość, solidność), aby były dostępne dla osób z niepełnosprawnościami (wzroku, słuchu, ruchu, intelektualną czy zaburzeniami poznawczymi); https://www.gov.pl/web/dostepnosc-cyfrowa/wcag-21-w-skrocie

Kontrast to różnica barw, jasności lub stylu; większy kontrast = większa uwaga;

Harmonia kolorów to kolory, które do siebie pasują; analogiczne (obok), komplementarne (na przeciw), monochromatyczne (różne odcienie tej samej barwy);