Навошта нашым вачам патрэбныя дадатковыя схемы каляровай палітры ... І дзе іх можна зрабіць

Дадатковыя схемы каляровай палітры

Ці ведаеце вы, што за тым, як два ці больш колеру дапаўняюць адзін аднаго, існуе біялагічная навука? Я не афтальмолаг і не акуліст, але паспрабую перакласці тут навуку для такіх простых людзей, як я. Пачнем з колеру наогул.

Колеры - гэта частаты

Яблык чырвоны ... так? Ну, не вельмі. Частата таго, як святло адлюстроўваецца і пераламляецца ад паверхні яблыка, робіць яго выяўленым, пераўтвараецца вачыма як сігнал і пасылае ў наш мозг, дзе мы ідэнтыфікуем яго як "чырвоны". Цьфу ... мне баліць галава, толькі думаючы пра гэта. Гэта праўда ... колер гэта проста частата святла. Вось выгляд электрамагнітнага спектру і частат кожнага колеру:

Колер і электрамагнітны спектр

Менавіта таму белае святло, накіраванае на прызму, стварае вясёлку. Што сапраўды адбываецца, так гэта тое, што крышталь мяняе частату даўжыні хвалі пры праламленні святла:

Прызма
Крышталічная прызма рассейвае белае святло на мноства колераў.

Вашы вочы - дэтэктары частоты

Ваша вока - гэта сапраўды толькі дэтэктар частоты для дыяпазону каляровых частот электрамагнітнага спектру. Ваша здольнасць выяўляць колеры адбываецца праз розныя тыпы колбачак у сценцы вочы, якія потым злучаюцца з вашымі глядзельнымі нервамі. Кожны дыяпазон частот выяўляецца некаторымі з гэтых колбачак, затым пераўтвараецца ў сігнал да глядзельнага нерва, накіроўваецца ў мозг, дзе ідэнтыфікуецца.

Вы калі-небудзь заўважалі, што можаце доўга ўзірацца ў нешта з сапраўды высокай кантраснасцю, адводзіць погляд і працягваць бачыць рэшткі выявы, якія не адпавядаюць зыходным колерам, на якія вы глядзелі? Скажам, гэта сіні квадрат на белай сцяне:

Праз некаторы час клеткі ў вачах, якія апрацоўваюць сіняе святло, стануць стомленымі, робячы сігнал, які яны пасылаюць у ваш мозг, крыху слабейшым. Паколькі гэтая частка візуальнага спектру злёгку падаўлена, пры поглядзе на белую сцяну, гледзячы на ​​блакітны квадрат, вы ўбачыце слабы аранжавы малюнак. Тое, што вы бачыце, - гэта белы спектр святла ад сцяны, за вылікам драбкі сіняга, які ваш мозг апрацоўвае як аранжавы.

Тэорыя колераў 101: прымусіць дадатковыя колеры працаваць для вас

Калі гэтая стомленасць не адбылася, нашым вачам і мозгу не прыйдзецца працаваць так цяжка, каб інтэрпрэтаваць некалькі даўжынь хваль (напрыклад, колеру), якія яны бачаць.

Візуальны шум супраць гармоніі

Давайце зробім аналогію гуку і колеру. Калі б вы слухалі розныя частоты і гучнасці, якія не дапаўнялі адзін аднаго, вы падумалі б пра гэта шум. Гэта не падобна на колер, дзе можа быць выяўленая яркасць, кантраснасць і колер візуальна шумны або дапаўняльны. У любым візуальным носьбіце мы хочам працаваць над гармоніяй.

Вось чаму на фоне фільма вы не бачыце лішняга ў ярка-чырвонай кашулі. І таму дэкаратары шмат працуюць, каб знайсці дадатковыя колеры на сценах, мэблі, мастацтве і іншых асаблівасцях пакоя, які яны праектуюць. Колер мае вырашальнае значэнне для стварэння настрою, які наведвальнік атрымлівае, калі ў яго ўваходзіць, зыходзячы з таго, як лёгка яго мозгу інтэрпрэтаваць колеры.

Ваш каляровая палітра гэта эквівалент зборкі гурта ў прыгожай гармоніі. І гэтак жа, як сабраныя галасы і інструменты цесна супадаюць па гучнасці і частаце ... так і дадатковыя колеры вашай каляровай палітры. Дызайн каляровай палітры - гэта сапраўды форма мастацтва для прафесіяналаў, якія дасканала настроілі выяўленне колеру, але гэта таксама вылічальная навука, таму што можна вылічыць бясплатныя частоты.

Больш падрабязна пра гармоніі ... вернемся да тэорыі колераў.

RGB колеру

Пікселі ў лічбавым спектры - гэта камбінацыі чырвонага, зялёнага і сіняга колераў. Чырвоны = 0, зялёны = 0, а сіні = 0 адлюстроўваецца як белы і чырвоны = 255, зялёны = 255, а сіні = 255 разглядаецца як чорны. Усё паміж імі - іншы колер, які складаецца з трох. Самыя асновы вылічэння дадатковага колеру даволі простыя ... проста адніміце значэнні RGB ад 255 для новага значэння RGB. Вось прыклад:

Розніца ў гэтай частаце святла паміж аранжавым і сінім досыць далёкая, каб кантраставаць, але не настолькі, каб нашым вачам было цяжка іх зразумець. Частаты колеру дапаўняюць і радуюць нашых рэцэптараў!

Вылічыць адзін колер проста ... вылічэнне 3 і больш дадатковых колераў патрабуе разліку эквівалентных велічынь паміж кожным з варыянтаў. Вось чаму генератары каляровай палітры прыйдзі так зручна! З невялікай колькасцю разлікаў, гэтыя інструменты могуць даць вам некалькі колераў, якія дапаўняюць адзін аднаго.

Колер колы

Разуменне суадносін колераў лепш візуалізаваць пры дапамозе каляровага кола. Колеры размешчаны па крузе на аснове не іх адноснай частаты. Радыяльная адлегласць - гэта насычанасць колеру і азімутальнае становішча на акружнасці як адценне колеру.

Колер колы

Пацешны факт: Сэр Ісаак Ньютан упершыню распрацаваў каляровае кола ў 1665 годзе - аснову для сваіх эксперыментаў з прызмамі. Яго эксперыменты прывялі да тэорыі, паводле якой чырвоны, жоўты і сіні былі асноўнымі колерамі, ад якіх і атрымліваюцца ўсе астатнія. Бакавая нота ... ён нават прымяняў музычныя "ноты" да кожнага колеру.

Узброі мяне Гармоніяй ...

колер ньютана

Тыпы каляровых гармоній

Сувязь паміж і тым, як разлічваецца кожны набор бясплатных колераў, вядомая як гармоніі. Вось выдатнае агляднае відэа:

З кожным тыпам звязаны розныя характарыстыкі:

  • Аналагавыя - групы колераў, якія знаходзяцца побач на каляровым крузе. 
  • Аднакаляровы - групы, атрыманыя з аднаго базавага адцення і пашыраныя з выкарыстаннем яго адценняў, тонаў і адценняў.
  • трыяда - групы колераў, раўнамерна размешчаныя вакол колер кола
  • дадатковы - групы колераў, якія знаходзяцца насупраць адзін аднаго на каляровым крузе.
  • Спліт дапаўняльны - варыяцыя дадатковай, дзе выкарыстоўваюцца два колеры, якія суседнічаюць з дадаткам.
  • Прамавугольнік (тэтрадычны) - выкарыстоўвае чатыры колеры, размешчаныя ў дзве дадатковыя пары
  • Плошча - падобны на прамавугольнік, але ўсе чатыры колеры размяшчаюцца раўнамерна вакол каляровага круга
  • Злучэнне - колер і два колеры, якія суседнічаюць з дадатковым колерам
  • Адценні - карэкціроўка адцення (павелічэнне асветленасці) альбо адцення (цемры) для асноўнага колеру.

Гэта не суб'ектыўныя тэмы, гэта сапраўдныя матэматычныя разлікі з прыемнымі імёнамі, якія дапамагаюць нам лепш зразумець разлікі.

Генератары схем каляровай палітры

Выкарыстоўваючы генератар каляровай палітры, вы можаце атрымаць такія прыгожыя дадатковыя каляровыя спалучэнні, як гэты:

Я часта выкарыстоўваю генератары схем каляровай палітры, калі працую на кліенцкіх сайтах. Паколькі я не знаўца кветак, гэтыя інструменты дапамагаюць мне лепш выбіраць такія рэчы, як фоны, межы, фоны калонтытула, асноўныя і другасныя колеры кнопак. У выніку атрымліваецца больш прыемны для вока сайт! Гэта тонкая, неверагодна магутная стратэгія прымяніць да дызайну што заўгодна - ад рэкламы да ўсяго сайта.

Вось некалькі выдатных генератараў схем каляровай палітры ў Інтэрнэце:

  • Саман - фантастычны інструмент да 5 кветак, дзе можна праверыць розныя тыпы, унесці карэктывы і нават захаваць тэму ў любым прадукце Adobe.
  • BrandColors - найбуйнейшая калекцыя афіцыйных каляровых кодаў брэндаў вакол.
  • Canva - загрузіце фота, і яны будуць выкарыстоўваць яго як аснову для вашай палітры!
  • Colllor - стварыце паслядоўную палітру колераў у Інтэрнэце ўсяго за некалькі клікаў. 
  • Дызайнер колераў - Проста выберыце колер альбо выкарыстоўвайце загадзя выбраныя колеры, і ўсё астатняе зробіць прыкладанне. 
  • Паляванне на колеры - бясплатная і адкрытая платформа для натхнення колерам з тысячамі модных падабраных каляровых палітраў
  • Колеркулер - стварыць каляровую палітру для Instagram, каб зрабіць яе больш эстэтычнай.
  • Colormind - генератар каляровых схем, які выкарыстоўвае глыбокае навучанне. Ён можа даведацца каляровыя стылі з фотаздымкаў, фільмаў і папулярнага мастацтва.
  • Каляровая прастора - проста ўвядзіце адзін-тры колеры і стварыце некалькі схем!
  • Каляровы код - сапраўды класны вопыт для стварэння каляровай палітры з шэрагам стыляў гармоніі злева.
  • COLOURlovers - творчая суполка, дзе людзі з усяго свету ствараюць колеры, палітры і ўзоры і дзеляцца імі, абмяркоўваюць апошнія тэндэнцыі і вывучаюць маляўнічыя артыкулы.
  • ахаладжальнікі - стварыце ідэальную палітру альбо натхніцеся тысячамі прыгожых каляровых схем.
  • Выбар колеру дадзеных - Выкарыстоўвайце выбар палітры, каб стварыць шэраг колераў, якія ёсць візуальна роўнааддалены
  • Хрома - выкарыстоўвае ІІ, каб даведацца, якія колеры вам падабаюцца, і стварае палітры, якія вы можаце выяўляць, шукаць і захоўваць.
  • матэрыял Дызайн - ствараць, абменьвацца і ўжываць каляровыя схемы для вашага карыстацкага інтэрфейсу. Ён нават пастаўляецца з экспартам вашага прыкладання!
  • Музлі Колеры - дадайце назву колеру альбо код і вырабіце прыгожую палітру.
  • Палеттон - выбірайце асноўны колер і натхняйцеся.
  • веранда - натхніцеся мноствам дзівосных каляровых палітраў. 

Колер і даступнасць

Калі вы вырашаеце распрацаваць сваю наступную схему палітры, майце на ўвазе, што значная колькасць людзей з парушэннямі зроку і дэфіцытам колеру павінны ўзаемадзейнічаць з вашым досведам.

  • Кантраснасць - Кожны незалежны колер мае яркасць. Колеры накладанняў і суседніх аб'ектаў павінны мець адносны каэфіцыент яркасці 4.5: 1, каб людзі з парушэннямі зроку маглі іх адрозніць. Я б не перажываў праблемы, спрабуючы вылічыць каэфіцыенты самастойна, вы можаце праверыць свае суадносіны двух колераў Каляровы, Кантраснасць, альбо Colorsafe.
  • Іканаграфія - Вылучэнне поля чырвоным колерам не дапамагае таму, хто мае дэфіцыт колеру. Не забудзьцеся нанесці нейкае паведамленне ці значок, каб паведаміць ім, што ёсць праблема.
  • Фокус - Многія людзі перамяшчаюцца з дапамогай клавіятур або счытвальнікаў экрана. Пераканайцеся, што ваш карыстацкі інтэрфейс правільна распрацаваны з усімі пазнакамі даступнасці, каб яны маглі скарыстацца вашым сайтам. Для людзей з парушэннямі зроку выкарыстанне прабелу і магчымасць павялічваць ці памяншаць памеры шрыфта там, дзе гэта не разбурае макет, мае вырашальнае значэнне.

Вы вочны эксперт? Эксперт па колеры? Эксперт па даступнасці? Калі ласка, дайце мне любыя рэкамендацыі па паляпшэнні гэтага артыкула!

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.