Dzień 3. Kolor

Dzień 3. Kolor
Photo by Robert Katzki / Unsplash

Systemy kolorów:

  1. RGB (red/green/blue)
  • kolor ekranów, wyświetlaczy

Kiedy połączymy te barwy, to dodają się do siebie, jak świecące żarówki- taki system kolorów nazywa się addytywnym

Każdy składnik kolorystyczny ma wartość od 0 do 255 (8 bitów czyli 2 do potęgi 8),

np. RGB 0,0,0 to kolor czarny.

  1. CMYK (cyjan, magenta, yellow, black (kolor kluczowy)
  • czym więcej nakładamy, tym ciemniej, po zmieszaniu wszystkich kolorów podstawowych wychodzi czarny
  • określamy stopień nasycenia barwy w procentach (%)
  • kolory CMYK są trudniejsze do odwzorowania na ekranie, konwersja RGB na CMYK nie jest idealna
  1. Pantone
  • Profesjonalny system kolorów
  • Składa się z ponad 1000 kolorów
  • Każdy kolor ma swój numer

SYSTEMY KOLORÓW


Kolory wysunięte i cofnięte/czytelność koloru/kontrast

Ciepłe- "wychodzą" do na

Chłodne- schodzą na dalszy plan

Warto stosować świadomie temperaturę koloru, by przyciągnąć uwagę widza

Kontrast

  • im większy kontrast, tym bardziej przyciąga uwagę
  • WCAG (czyli Web Content Accessibility Guidelines, to zbiór wytycznych dotyczących dostępności stron internetowych i aplikacji mobilnych. Celem WCAG jest zapewnienie, aby treści były dostępne dla jak najszerszego grona odbiorców, w tym osób z niepełnosprawnościami.)

-> są co do tego oficjalne wytyczne:


ADOBE COLORS:

W kontekście WCAG w Adobe colors jest dostępna taka opcja:

Coolors.co

  • W coolors system kolorów określany jest w HEX
  • Spacją zmieniamy zestawienia kolorów

ZADANIE:

Skomponuj palety kolorystyczne dla:

wydarzenia dla dzieci:

nowoczesna firma technologiczna:

eko marka lokalna:

Można kombinować z nasyceniem kolorów 😸

Zadanie domowe-kolorowa mandala
Zadanie domowe- kolorowa mandala