Dlaczego nasze oczy potrzebują uzupełniających się schematów palet kolorów… i gdzie można je wykonać

Uzupełniające schematy palety kolorów

Czy wiesz, że za tym, jak dwa lub więcej kolorów się uzupełniają, tak naprawdę stoi nauka biologiczna? Nie jestem okulistą ani optometrystą, ale spróbuję przetłumaczyć tę naukę dla prostych ludzi, takich jak ja. Zacznijmy od koloru w ogóle.

Kolory to częstotliwości

Jabłko jest czerwone… prawda? No nie bardzo. Częstotliwość odbijania i załamywania się światła od powierzchni jabłka sprawia, że ​​jest ono wykrywalne, przekształcane przez nasze oczy jako sygnały wysyłane do naszego mózgu, gdzie identyfikujemy je jako „czerwone”. Ugh… to boli mnie w głowę na samą myśl o tym. Ale to prawda… kolor jest po prostu częstotliwością światła. Oto widok widma elektromagnetycznego i częstotliwości każdego koloru:

Kolor i widmo elektromagnetyczne

Właśnie dlatego białe światło skierowane na pryzmat daje tęczę. To, co naprawdę się dzieje, to fakt, że kryształ zmienia częstotliwość długości fali, gdy światło jest załamywane:

pryzmat
Kryształowy pryzmat rozprasza białe światło na wiele kolorów.

Twoje oczy są detektorami częstotliwości

Twoje oko jest naprawdę tylko detektorem częstotliwości dla zakresu częstotliwości kolorów w widmie elektromagnetycznym. Twoja zdolność wykrywania kolorów odbywa się za pośrednictwem różnego rodzaju czopków w ścianie oka, które są następnie połączone z nerwami wzrokowymi. Każdy zakres częstotliwości jest wykrywany przez niektóre z tych czopków, a następnie przekształcany w sygnał do nerwu wzrokowego, wysyłany do mózgu, gdzie jest identyfikowany.

Czy zauważyłeś kiedyś, że możesz długo wpatrywać się w coś o naprawdę wysokim kontraście, odwrócić wzrok i nadal widzieć powidok, który nie pasuje do oryginalnych kolorów, na które patrzyłeś? Powiedzmy, że to niebieski kwadrat na białej ścianie:

Po pewnym czasie komórki oka, które przetwarzają niebieskie światło, staną się zmęczone, przez co sygnał, który wysyłają do mózgu, będzie nieco słabszy. Ponieważ ta część widma wizualnego jest lekko stłumiona, kiedy spojrzysz na białą ścianę po spojrzeniu na niebieski kwadrat, zobaczysz słaby pomarańczowy powidok. To, co widzisz, to białe widmo światła ze ściany bez odrobiny niebieskiego, które mózg przetwarza jako pomarańczowe.

Teoria kolorów 101: Dopełniające się kolory działają dla Ciebie

Jeśli to zmęczenie się nie wydarzyło, nasze oczy i mózg nie muszą tak ciężko pracować, aby zinterpretować wiele długości fal (np. Kolorów), które widzą.

Szum wizualny a harmonia

Zróbmy analogię dźwięku i koloru. Jeśli słuchałeś różnych częstotliwości i głośności, które nie były względem siebie komplementarne, pomyślałbyś o tym jako hałas. Nie różni się to od koloru, w którym wykrywane są jasność, kontrast i kolor naocznie hałaśliwe lub uzupełniające. W każdym medium wizualnym chcemy dążyć do harmonii.

Dlatego nie widzisz dodatkowego w tle filmu w jaskrawoczerwonej koszuli. I właśnie dlatego dekoratorzy wnętrz ciężko pracują, aby znaleźć uzupełniające się kolory na ścianach, meblach, sztuce i innych elementach projektowanego pokoju. Kolor ma kluczowe znaczenie w tworzeniu nastroju, jaki uzyskuje odwiedzający, gdy w niego wchodzi, w oparciu o to, jak łatwo jego mózg może zinterpretować kolory.

Twój paleta kolorów to odpowiednik zebrania zespołu w pięknej harmonii. I tak jak zmontowane głosy i instrumenty ściśle dopasowują się pod względem głośności i częstotliwości… podobnie uzupełniają się kolory z Twojej palety kolorów. Projektowanie palety kolorów to prawdziwa forma sztuki dla profesjonalistów, którzy precyzyjnie dostroili wykrywanie kolorów, ale jest to również absolutnie nauka obliczeniowa, ponieważ można obliczyć uzupełniające się częstotliwości.

Więcej o harmoniach wkrótce… wróćmy do teorii kolorów.

Kolory RGB

Piksele w widmie cyfrowym to kombinacje koloru czerwonego, zielonego i niebieskiego. Czerwony = 0, zielony = 0 i niebieski = 0 jest wyświetlany jako biały i czerwony = 255, zielony = 255, a niebieski = 255 jest widoczny jako czarny. Wszystko pomiędzy to inny kolor złożony z trzech. Podstawy obliczania koloru dopełniającego są dość proste… wystarczy odjąć wartości RGB od 255, aby uzyskać nową wartość RGB. Oto przykład:

Różnica w tej częstotliwości światła między pomarańczowym i niebieskim jest na tyle duża, że ​​kontrastuje, ale nie na tyle, aby nasze oczy miały trudności z interpretacją. Częstotliwości kolorów są komplementarne i przyjemne dla naszych receptorów!

Obliczanie jednego koloru jest łatwe… obliczenie 3 lub więcej uzupełniających się kolorów wymaga obliczenia równoważnych ilości między każdą z opcji. Dlatego generatory schematów kolorów przydaje się! Przy niewielkiej liczbie obliczeń narzędzia te mogą zapewnić kilka uzupełniających się kolorów.

Koło kolorów

Zrozumienie zależności między kolorami najlepiej jest zwizualizować za pomocą koła kolorów. Kolory są ułożone w okrąg na podstawie ich częstotliwości względnej. Odległość radialna to nasycenie koloru, a azymutalna pozycja na okręgu jako odcień koloru.

Koło kolorów

Śmieszny fakt: Sir Isaac Newton po raz pierwszy opracował koło kolorów w 1665 roku, podstawę swoich eksperymentów z pryzmatami. Jego eksperymenty doprowadziły do ​​teorii, że czerwony, żółty i niebieski były kolorami podstawowymi, z których pochodzą wszystkie inne kolory. Nota boczna… nawet zastosował muzyczne „nuty” do każdego koloru.

Uzbrój mnie w Harmony…

koło kolorów niutona

Rodzaje harmonii kolorów

Relacje pomiędzy i sposobem obliczania każdego zestawu uzupełniających się kolorów są znane jako harmonie. Oto świetny film poglądowy:

Z każdym typem powiązane są różne cechy:

  • Analogiczny - grupy kolorów, które znajdują się obok siebie na kole kolorów. 
  • Monochromatyczny - grupy pochodzące z jednego podstawowego odcienia i rozszerzone za pomocą jego odcieni, tonów i odcieni.
  • Triada - grupy kolorów, które są równomiernie rozmieszczone wokół kolor koło
  • Uzupełniający - grupy kolorów, które leżą naprzeciw siebie na kole kolorów.
  • Podział uzupełniający - odmiana komplementarna, w której wykorzystuje się dwa kolory sąsiadujące z dopełnieniem.
  • Prostokąt (Tetradic) - używa czterech kolorów ułożonych w dwie uzupełniające się pary
  • Kwadratowe - podobny do prostokąta, ale wszystkie cztery kolory są równomiernie rozmieszczone wokół koła kolorów
  • Mieszanka - kolor i dwa kolory sąsiadujące z kolorem dopełniającym
  • odcienie - regulacja odcienia (zwiększenie jasności) lub odcienia (ciemności) dla koloru podstawowego.

To nie są subiektywne tematy, to rzeczywiste obliczenia matematyczne z zastosowanymi ładnymi nazwami, które pomagają nam lepiej zrozumieć obliczenia.

Generatory schematów kolorów

Korzystając z generatora schematów kolorów, możesz uzyskać piękne, uzupełniające się kombinacje kolorów, takie jak ta:

Często używam generatorów schematów palety kolorów podczas pracy w witrynach klienckich. Ponieważ nie jestem ekspertem w dziedzinie kolorów, te narzędzia pomagają mi lepiej wybierać takie rzeczy, jak tła, obramowania, tła stopki, podstawowe i dodatkowe kolory przycisków. Rezultatem jest strona internetowa, która jest znacznie przyjemniejsza dla oka! To subtelna, niewiarygodnie skuteczna strategia, którą można zastosować przy projektowaniu czegokolwiek - od reklamy po całą witrynę internetową.

Oto kilka świetnych generatorów schematów kolorów online:

  • Adobe - fantastyczne narzędzie z maksymalnie 5 kolorami, w którym możesz testować różne typy, wprowadzać poprawki, a nawet zapisywać motyw w dowolnym produkcie Adobe.
  • MarkaKolory - największa kolekcja oficjalnych kodów kolorystycznych marki w okolicy.
  • Canva - prześlij zdjęcie, a oni wykorzystają je jako podstawę dla Twojej palety!
  • Colllor - wygeneruj spójną internetową paletę kolorów za pomocą zaledwie kilku kliknięć. 
  • Projektant kolorów - Wystarczy wybrać kolor lub użyć wstępnie wybranych kolorów, a aplikacja zajmie się resztą. 
  • Polowanie na kolor - bezpłatna i otwarta platforma do inspiracji kolorami z tysiącami modnych, starannie dobranych palet kolorów
  • Colorkuler - wygeneruj paletę kolorów na Instagram, aby była bardziej estetyczna.
  • Colormind - generator schematów kolorów wykorzystujący głębokie uczenie się. Może uczyć się stylów kolorów z fotografii, filmów i sztuki popularnej.
  • Przestrzeń kolorów - wystarczy wpisać od jednego do trzech kolorów i wygenerować kilka schematów!
  • Kod koloru - naprawdę fajne doświadczenie na całym ekranie do tworzenia palety kolorów z wieloma stylami harmonii po lewej stronie.
  • COLOURlovers - kreatywna społeczność, w której ludzie z całego świata tworzą i dzielą się kolorami, paletami i wzorami, omawiają najnowsze trendy i przeglądają kolorowe artykuły.
  • chłodnice - stwórz idealną paletę lub zainspiruj się tysiącami pięknych schematów kolorystycznych.
  • Próbnik kolorów danych - Użyj selektora palety, aby utworzyć serię kolorów, które są wizualnie jednakowo oddalone
  • Chroma - wykorzystuje sztuczną inteligencję, aby dowiedzieć się, które kolory lubisz i tworzy palety, które możesz odkrywać, wyszukiwać i zapisywać.
  • Materiał Projektowanie - twórz, udostępniaj i stosuj schematy kolorów dla swojego interfejsu użytkownika. Zawiera nawet eksport Twojej aplikacji!
  • Kolory Muzli - dodaj nazwę lub kod koloru i uzyskaj piękną paletę.
  • Paletton - wybierz podstawowy kolor i daj się zainspirować.
  • Weranda - zainspiruj się mnóstwem niesamowitych palet kolorów. 

Kolor i dostępność

Decydując się na zaprojektowanie kolejnego schematu palet, pamiętaj, że istnieje znaczna liczba osób z wadami wzroku i niedoskonałościami kolorów, które muszą wchodzić w interakcję z Twoimi doświadczeniami.

  • Kontrast - Każdy niezależny kolor ma luminancji. Kolory nakładek i sąsiadujących obiektów muszą mieć względny współczynnik luminancji 4.5: 1, aby osoby z dysfunkcją wzroku mogły je rozróżnić. Nie zadałbym sobie trudu samodzielnego obliczenia proporcji, możesz przetestować swoje proporcje dwóch kolorów Możliwość pokolorowania, Współczynnik kontrastulub Bezpieczne dla kolorów.
  • Ikonografia - Podświetlenie pola na czerwono nie pomaga komuś, kto ma niedobór koloru. Pamiętaj, aby zastosować jakąś wiadomość lub ikonę, aby poinformować ich, że również wystąpił problem.
  • Skupiać - Wiele osób korzysta z klawiatur lub czytników ekranu. Upewnij się, że interfejs użytkownika jest odpowiednio zaprojektowany i zawiera wszystkie tagi ułatwień dostępu, aby mogli korzystać z Twojej witryny. Dla osób z wadami wzroku kluczowe znaczenie ma użycie spacji i możliwość zwiększania lub zmniejszania rozmiarów czcionek, jeśli nie niszczy to układu.

Czy jesteś okulistą? Ekspert od kolorów? Ekspert ds. Dostępności? Nie wahaj się udzielić mi wszelkich wskazówek, jak ulepszyć ten artykuł!

Ujawnienie: używam linków partnerskich w tym artykule.

Co o tym myślisz?

Ta strona używa Akismet do redukcji spamu. Dowiedz się, jak przetwarzane są dane komentarza.