Proč naše oči potřebují doplňková schémata barevných palet ... a kde je můžete vyrobit

Doplňková schémata barevných palet

Věděli jste, že za tím, jak se dvě nebo více barev navzájem doplňují, skutečně stojí biologická věda? Nejsem oční lékař ani optometrista, ale pokusím se tu přeložit vědu pro jednoduché lidi, jako jsem já. Začněme obecně barvou.

Barvy jsou frekvence

Jablko je červené ... že? No ne tak úplně. Četnost, jak se světlo odráží a láme od povrchu jablka, činí detekovatelnou, převáděnou našimi očima jako signály, posílanou do našeho mozku, kde jej identifikujeme jako „červenou“. Fuj ... to mě bolí hlavou už jen při pomyšlení na to. Je to pravda ... barva je prostě frekvence světla. Zde je pohled na elektromagnetické spektrum a frekvence každé barvy:

Barva a elektromagnetické spektrum

To je přesně důvod, proč bílé světlo namířené na hranol vytváří duhu. Skutečně dochází k tomu, že krystal mění frekvenci vlnové délky, jak se světlo láme:

Prizma
Křišťálový hranol rozptyluje bílé světlo do mnoha barev.

Vaše oči jsou detektory frekvence

Vaše oko je skutečně jen detektorem frekvencí pro rozsah barevných frekvencí na elektromagnetickém spektru. Vaše schopnost detekovat barvy se děje prostřednictvím různých typů kuželů ve stěně vašeho oka, které jsou pak spojeny s vašimi optickými nervy. Každý frekvenční rozsah je detekován některými z těchto kuželů, poté převeden na signál do vašeho optického nervu a odeslán do vašeho mozku, kde je identifikován.

Všimli jste si někdy, že se můžete dlouho dívat na něco opravdu vysokého kontrastu, dívat se jinam a dál vidět obraz, který neodpovídá původním barvám, na které jste se dívali? Řekněme, že je to modrý čtverec na bílé zdi:

Po chvíli buňky v oku, které zpracovávají modré světlo, budou unavené, což způsobí, že signál, který pošlou do vašeho mozku, bude o něco slabší. Jelikož je tato část vizuálního spektra mírně potlačena, při pohledu na bílou zeď po pohledu na modrý čtverec uvidíte slabý oranžový obraz. To, co vidíte, je bílé spektrum světla ze zdi, mínus malá část modré, kterou váš mozek zpracovává jako oranžovou.

Teorie barev 101: Vytvoření doplňkových barev pro vás

Pokud k této únavě nedošlo, naše oči a mozek nemusí pracovat tak tvrdě, aby interpretovaly různé vlnové délky (např. Barvy), které vidí.

Vizuální šum versus harmonie

Pojďme udělat analogii zvuku proti barvě. Pokud jste poslouchali různé frekvence a objemy, které se navzájem nedoplňovaly, považovali byste to za hluk. Není to na rozdíl od barev, kde může být buď zjištěný jas, kontrast a detekovaná barva vizuálně hlučné nebo doplňkové. V jakémkoli vizuálním médiu chceme pracovat na harmonii.

Proto nevidíte na pozadí filmu komparz v jasně červené košili. A proto interiéroví dekoratéři tvrdě pracují na nalezení doplňkových barev napříč stěnami, nábytkem, uměním a dalšími prvky místnosti, kterou navrhují. Barva je rozhodující při vytváření nálady, kterou návštěvník získá, když do ní vstoupí, na základě toho, jak snadné je jeho mozku interpretovat barvy.

váš barevná paleta je ekvivalent shromáždění kapely v krásné harmonii. A stejně jako shromážděné hlasy a nástroje úzce sladí hlasitost a frekvenci ... tak se doplňují i ​​barvy vaší palety barev. Návrh barevné palety je skutečně uměleckou formou pro profesionály, kteří jemně vyladili svou detekci barev, ale je to také absolutně výpočetní věda, protože lze vypočítat doplňkové frekvence.

Více o harmoniích brzy ... pojďme se vrátit k teorii barev.

Barvy RGB

Pixely v digitálním spektru jsou kombinace červené, zelené a modré. Červená = 0, zelená = 0 a modrá = 0 se zobrazí jako bílý a červená = 255, zelená = 255 a modrá = 255 je považována za černý. Všechno mezi nimi má jinou barvu složenou ze tří. Samotné základy výpočtu doplňkové barvy jsou velmi jednoduché… pro novou hodnotu RGB odečtěte hodnoty RGB od 255. Zde je příklad:

Rozdíl v této světelné frekvenci mezi oranžovou a modrou je dostatečně daleko od sebe, že je kontrastní, ale ne tak daleko, že je pro naše oči obtížné interpretovat. Barevné frekvence se doplňují a jsou příjemné pro naše receptory!

Výpočet jedné barvy je snadný ... výpočet 3 nebo více doplňkových barev vyžaduje, abyste mezi každou z možností vypočítali ekvivalentní množství. Proto generátory schémat barevné palety přijďte tak vhod! Díky velmi malému počtu výpočtů vám tyto nástroje mohou poskytnout několik barev, které se navzájem doplňují.

Barevné kolo

Porozumění vztahu mezi barvami je nejlépe vizualizovat pomocí barevného kolečka. Barvy jsou uspořádány do kruhu na základě jejich relativní frekvence. Radiální vzdálenost je sytost barvy a azimutální poloha na kruhu jako odstín barvy.

Barevné kolo

Zábavný fakt: Sir Isaac Newton poprvé vyvinul Barevné kolo v roce 1665, což je základ pro jeho experimenty s hranoly. Jeho experimenty vedly k teorii, že červená, žlutá a modrá jsou primární barvy, ze kterých jsou odvozeny všechny ostatní barvy. Postranní poznámka ... na každou barvu dokonce použil hudební „noty“.

Vyzbroj mě Harmony…

Newtonův barevný kruh

Druhy barevných harmonií

Vztahy mezi a jak se počítá každá sada doplňkových barev, jsou známé jako harmonie. Zde je skvělé video s přehledem:

S každým typem jsou spojeny různé vlastnosti:

  • Analogický - skupiny barev, které jsou na barevném kruhu vedle sebe. 
  • Monochromatické - skupiny odvozené z jednoho základního odstínu a rozšířené pomocí jeho odstínů, tónů a odstínů.
  • Trojice - skupiny barev, které jsou rovnoměrně rozmístěny kolem barva kolo
  • Komplementární - skupiny barev, které jsou na barevném kruhu naproti sobě.
  • Rozdělit se doplňkově - variace doplňku, kde se používají dvě barvy sousedící s doplňkem.
  • Obdélník (tetradický) - používá čtyři barvy uspořádané do dvou doplňkových párů
  • náměstí - podobný obdélníku, ale se všemi čtyřmi barvami rovnoměrně rozmístěnými kolem barevného kruhu
  • Sloučenina - barva a dvě barvy sousedící s její doplňkovou barvou
  • odstíny - úprava odstínu (zvýšení světlosti) nebo stínu (tmavosti) pro primární barvu.

Nejsou to subjektivní témata, jsou to skutečné matematické výpočty s pěknými názvy, které nám pomáhají lépe porozumět výpočtům.

Generátory schémat barevné palety

Pomocí generátoru schémat barevné palety můžete získat krásné doplňkové barevné kombinace, jako je tato:

Když pracuji na klientských webech, často používám generátory schémat barevné palety. Protože nejsem odborník na barvy, pomohou mi tyto nástroje lépe vybrat věci, jako jsou pozadí, ohraničení, pozadí zápatí, primární a sekundární barvy tlačítek. Výsledkem je web, který je mnohem příjemnější pro oči! Je to subtilní, neuvěřitelně silná strategie, kterou můžete aplikovat na svůj design čehokoli - od reklamy po celou webovou stránku.

Zde je několik skvělých generátorů schémat barevné palety online:

  • Adobe - fantastický nástroj s až 5 barvami, kde můžete testovat různé typy, provádět úpravy a dokonce uložit svůj motiv do libovolného produktu Adobe.
  • BrandColors - největší sbírka oficiálních barevných kódů značek v okolí.
  • Canva - nahrajte fotografii a použijí ji jako základ pro vaši paletu!
  • Colllor - vygenerujte konzistentní paletu barev webu pomocí několika kliknutí. 
  • Návrhář barev - Stačí vybrat barvu nebo použít předvolené barvy a aplikace se postará o zbytek. 
  • Lov barev - bezplatná a otevřená platforma pro barevnou inspiraci s tisíci trendy ručně vybraných barevných palet
  • Colorkuler - vygenerujte barevnou paletu pro Instagram, aby byl esteticky příjemnější.
  • Colormind - generátor barevných schémat, který využívá hluboké učení. Může se učit barevné styly z fotografií, filmů a populárního umění.
  • Barevný prostor - stačí zadat jednu až tři barvy a vygenerovat některá schémata!
  • Barevný kód - opravdu skvělý zážitek z celé obrazovky při vytváření palety barev s řadou harmonických stylů vlevo.
  • COLOURlovery - kreativní komunita, kde lidé z celého světa vytvářejí a sdílejí barvy, palety a vzory, diskutují o nejnovějších trendech a zkoumají barevné články.
  • chladiče - vytvořte perfektní paletu nebo se nechte inspirovat tisíci krásných barevných schémat.
  • Výběr barvy dat - Pomocí nástroje pro výběr palety vytvořte řadu barev, které jsou vizuálně ve stejné vzdálenosti
  • Khroma - používá AI ke zjištění, které barvy se vám líbí, a vytváří palety, které můžete objevovat, hledat a ukládat.
  • Materiálové provedení - vytvářejte, sdílejte a aplikujte barevná schémata pro své uživatelské rozhraní. Dodává se dokonce s exportem pro vaši aplikaci!
  • Muzli Colors - přidejte název barvy nebo kód a vytvořte krásnou paletu.
  • Paletton - vyberte základní barvu a nechte se inspirovat.
  • Veranda - nechte se inspirovat spoustou úžasných barevných palet. 

Barva a přístupnost

Mějte na paměti, že když se rozhodujete navrhnout své další schéma palety, existuje značné množství lidí se zrakovým postižením a nedostatkem barev, kteří potřebují komunikovat s vašimi zážitky.

  • Kontrast - Každá nezávislá barva má a jas. Barvy překryvných vrstev a sousedních objektů musí mít poměr relativní jasu 4.5: 1, aby je lidé se zrakovým postižením mohli odlišit. Nepokoušel bych se s problémem pokusit se vypočítat poměry sám, můžete otestovat své poměry dvou barev Barevný, Kontrastní poměrnebo Bezpečně.
  • Ikonografie - Zvýraznění pole červeně nepomůže někomu, kdo má nedostatek barev. Nezapomeňte použít nějaký druh zprávy nebo ikony, abyste věděli, že existuje také problém.
  • Soustředit - Mnoho lidí naviguje pomocí klávesnic nebo čteček obrazovky. Abyste mohli využívat výhod svého webu, ujistěte se, že je vaše uživatelské rozhraní správně navrženo se všemi značkami přístupnosti. Pro lidi se zrakovým postižením je rozhodující použití prázdného prostoru a schopnost zvětšit nebo zmenšit velikost písma, pokud to neničí rozložení.

Jste oční expert? Expert na barvy? Expert na přístupnost? Neváhejte mi poskytnout jakékoli pokyny ke zlepšení tohoto článku!

Co si myslíte?

Tyto stránky používají Akismet k omezení spamu. Zjistěte, jak jsou vaše údaje komentářů zpracovávány.