Hvorfor vores øjne har brug for supplerende farveskemaer ... og hvor du kan fremstille dem

Supplerende farveskemaer

Vidste du, at der faktisk er biologisk videnskab bag, hvordan to eller flere farver supplerer hinanden? Jeg er ikke en øjenlæge eller en optiker, men jeg vil forsøge at oversætte videnskaben her for enkle folk som mig selv. Lad os starte med farve generelt.

Farver er frekvenser

Et æble er rødt ... ikke? Nå, ikke rigtig. Frekvensen af, hvordan lys reflekteres og brydes ud af overfladen af ​​et æble, gør det detekterbart, konverteret af vores øjne som signaler, sendt til vores hjerne, hvor vi identificerer det som "rødt". Uhh ... det gør ondt i hovedet ved bare at tænke over det. Det er dog sandt ... farve er simpelthen en frekvens af lys. Her er en oversigt over det elektromagnetiske spektrum og hver farves frekvenser:

Farve og det elektromagnetiske spektrum

Dette er præcis, hvorfor hvidt lys peger på et prisme producerer en regnbue. Hvad der virkelig sker er, at krystallen ændrer frekvensen af ​​bølgelængden, når lyset brydes:

Prisme
Krystalprismet spreder hvidt lys i mange farver.

Dine øjne er frekvensdetektorer

Dit øje er virkelig bare en frekvensdetektor til rækkevidden af ​​farvefrekvenser på det elektromagnetiske spektrum. Din evne til at detektere farver sker gennem forskellige typer kegler i øjenvæggen, der derefter er forbundet med dine optiske nerver. Hvert frekvensområde detekteres af nogle af disse kegler og oversættes derefter til et signal til din optiske nerve, sendt til din hjerne, hvor den er identificeret.

Har du nogensinde bemærket, at du kan stirre længe på noget med virkelig høj kontrast, se væk og fortsætte med at se et efterbillede, der ikke matcher de originale farver, du så på? Lad os sige, at det er en blå firkant på en hvid mur:

Efter et stykke tid bliver cellerne i dit øje, der behandler blåt lys, trætte, hvilket gør signalet de sender til din hjerne lidt svagere. Da den del af det visuelle spektrum er lidt undertrykt, vil du se en svag orange efterbillede, når du ser på en hvid væg efter at have stirret på den blå firkant. Hvad du ser er det hvide spektrum af lys fra væggen minus en lille smule blå, som din hjerne behandler som orange.

Farveteori 101: Få supplerende farver til at fungere for dig

Hvis denne træthed ikke skete, behøver vores øjne og hjerner ikke arbejde så hårdt for at fortolke de flere bølgelængder (f.eks. Farver), som de ser.

Visuel støj versus harmoni

Lad os lave en analogi af lyd versus farve. Hvis du lyttede til forskellige frekvenser og diskenheder, der ikke supplerede hinanden, ville du tænke på det som støj. Dette er ikke i modsætning til farve, hvor lysstyrken, kontrasten og den detekterede farve enten kan være visuelt støjende eller supplerende. Inden for ethvert visuelt medium ønsker vi at arbejde hen imod harmoni.

Derfor ser du ikke noget ekstra i baggrunden af ​​en film iført en lys rød skjorte. Og det er derfor, indretningsarkitekter arbejder hårdt for at finde supplerende farver på tværs af væggene, møblerne, kunst og andre funktioner i det rum, de designer. Farve er afgørende for at skabe det humør, som den besøgende får, når de går ind i det baseret på hvor let det er for deres hjerne at fortolke farverne.

Din farvepalet svarer til at samle et bånd i smuk harmoni. Og ligesom stemmerne og instrumenterne, der er samlet tæt, justeres i volumen og frekvens ... så gør de komplementære farver i din farvepalet. Farvepalette design er virkelig en kunstform for de professionelle, der har finjusteret deres farvedetektion, men det er også absolut en beregningsvidenskab, fordi de gratis frekvenser kan beregnes.

Mere om harmonier snart ... lad os vende tilbage til farveteori.

RGB-farver

Pixels inden for det digitale spektrum er kombinationer af rød, grøn og blå. Rød = 0, grøn = 0 og blå = 0 vises som hvid og rød = 255, grøn = 255, og blå = 255 ses som sort. Alt imellem er en anden farve sammensat af de tre. Det grundlæggende ved beregning af en komplementær farve er ret simpelt… bare træk RGB-værdierne fra 255 for den nye RGB-værdi. Her er et eksempel:

Forskellen i denne lysfrekvens mellem orange og blå er langt nok fra hinanden til, at den er kontrasterende, men ikke så langt, at det er vanskeligt for vores øjne at fortolke. Farvefrekvensen er komplementær og behagelig for vores receptorer!

Det er nemt at beregne en farve ... at beregne 3 eller flere komplementære farver kræver, at du beregner ækvivalente størrelser mellem hver af mulighederne. Derfor generatorer til farvepalet kom så praktisk ind! Med meget få nødvendige beregninger kan disse værktøjer give dig flere farver, der supplerer hinanden.

Farvehjulet

At forstå forholdet mellem farver visualiseres bedst ved hjælp af et farvehjul. Farverne er arrangeret i en cirkel baseret på ikke deres relative frekvens. Den radiale afstand er farvemætningen og den azimutale position på cirklen som farvetone.

Farvehjulet

Sjov kendsgerning: Sir Isaac Newton udviklede først Color Wheel i 1665, som grundlag for hans eksperimenter med prismer. Hans eksperimenter førte til teorien om, at rød, gul og blå var de primære farver, som alle andre farver stammer fra. Side note ... han anvendte endda musikalske "noter" til hver farve.

Arm mig med Harmony ...

Newton farve cirkel

Typer af farveharmonier

Forholdet mellem og hvordan hvert sæt gratis farver beregnes kaldes harmonier. Her er en god oversigtsvideo:

Forskellige egenskaber er forbundet med hver type:

  • analogt - grupper af farver, der er ved siden af ​​hinanden på farvehjulet. 
  • Monokromatisk - grupper afledt af en enkelt base nuance og udvidet ved hjælp af dens nuancer, toner og nuancer.
  • Triad - grupper af farver, der er jævnt fordelt omkring farve hjul
  • Supplerende - grupper af farver, der er overfor hinanden på farvehjulet.
  • Split supplerende - en variation af komplementær, hvor den bruger to farver ved siden af ​​komplementet.
  • Rektangel (tetradisk) - bruger fire farver arrangeret i to komplementære par
  • Firkant - ligner rektanglet, men med alle fire farver jævnt fordelt omkring farvecirklen
  • Forbindelse - farve og de to farver ved siden af ​​dens komplementære farve
  • Shades - justering af farven (øget lysstyrke) eller skygge (mørke) for den primære farve.

Disse er ikke subjektive temaer, de er egentlige matematiske beregninger med fine navne anvendt, der hjælper os med bedre at forstå beregningerne.

Generatorer til farvepaletteplan

Ved hjælp af en farvepalette ordningsgenerator kan du få smukke, supplerende farvekombinationer som denne:

Jeg bruger ofte generatorer til farvepaletter, når jeg arbejder på klientwebsteder. Fordi jeg ikke er ekspert på farver, hjælper disse værktøjer mig med bedre at vælge ting som baggrunde, grænser, sidefodsbaggrund, primære og sekundære knapfarver. Resultatet er et websted, der er langt mere behageligt for øjet! Det er en subtil, utrolig stærk strategi at anvende på dit design af alt - fra en annonce til et helt websted.

Her er nogle fantastiske generatorer til farvepalette ordning online:

  • Adobe - et fantastisk værktøj med op til 5 farver, hvor du kan teste forskellige typer, foretage justeringer og endda gemme dit tema i ethvert Adobe-produkt.
  • BrandColors - den største samling af officielle mærke farvekoder rundt.
  • Canva - upload et billede, og de bruger det som et fundament for din palet!
  • Colllor - generer en ensartet webfarvepalette med blot et par klik. 
  • Farvedesigner - Bare vælg en farve eller brug de forvalgte farver, og appen gør resten. 
  • Farvejagt - gratis og åben platform til farveinspiration med tusindvis af trendy håndplukkede farvepaletter
  • Colorkuler - generer en farvepalet til Instagram for at gøre det mere æstetisk tiltalende.
  • Colormind - en farveskema generator, der bruger dyb læring. Det kan lære farve stilarter fra fotografier, film og populær kunst.
  • Colorspace - indtast bare en til tre farver og generer nogle ordninger!
  • Farvekode - en rigtig sej skærmoplevelse for at skabe din farvepalet med en række harmonistile til venstre.
  • COLOURlovers - et kreativt samfund, hvor folk fra hele verden skaber og deler farver, paletter og mønstre, diskuterer de nyeste trends og udforsker farverige artikler.
  • Kølere - lav den perfekte palet eller bliv inspireret af tusindvis af smukke farveskemaer.
  • Datafarvevælger - Brug paletvælgeren til at oprette en række farver, der er visuelt lige langt fra hinanden
  • Khroma - bruger AI til at lære hvilke farver du kan lide og opretter paletter, som du kan opdage, søge og gemme.
  • Materiale Design - Opret, del og anvend farveskemaer til din brugergrænseflade. Det kommer endda med en eksport til din app!
  • Muzli farver - tilføj et farvenavn eller en kode og lav en smuk palet.
  • Paletton - vælg en grundfarve og bliv inspireret.
  • Veranda - Bliv inspireret af masser af fantastiske farvepaletter. 

Farve og tilgængelighed

Husk, når du beslutter at designe dit næste paletskema, at der er en betydelig mængde mennesker med synshandicap og farvemangler, der har brug for at interagere med dine oplevelser.

  • Kontrast - Hver uafhængige farve har en luminans. Farver på overlays og tilstødende objekter skal have et relativt luminansforhold på 4.5: 1 for at personer med synshandicap kan skelne dem. Jeg ville ikke gå igennem besværet med at prøve at beregne forholdene selv, du kan teste dine forhold i to farver med Farveløs, Kontrastforhold, eller Farvesikker.
  • Ikonografi - Fremhævning af et felt i rødt hjælper ikke nogen, der har en farvemangel. Sørg for at anvende en slags besked eller ikon for at fortælle dem, at der også er et problem.
  • Fokus - Mange mennesker navigerer med tastaturer eller skærmlæsere. Sørg for, at din brugergrænseflade er korrekt designet med al tagging af tilgængelighed, så de kan udnytte dit websted. For personer med synshandicap er det kritisk at bruge hvidt mellemrum og evnen til at øge eller formindske skrifttypestørrelser, hvor det ikke ødelægger layoutet.

Er du øjenekspert? Farveekspert? Tilgængelighedsekspert? Du er velkommen til at give mig vejledning til forbedring af denne artikel!

Hvad mener du?

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.