Hvorfor øynene våre trenger komplementære fargepalettoppsett ... og hvor du kan lage dem

Utfyllende fargepalettoppsett

Visste du at det faktisk er biologisk vitenskap bak hvordan to eller flere farger utfyller hverandre? Jeg er ikke øyelege eller optiker, men jeg vil prøve å oversette vitenskapen her for enkle folk som meg selv. La oss starte med farge generelt.

Farger er frekvenser

Et eple er rødt ... ikke sant? Vel, egentlig ikke. Hyppigheten av hvordan lys reflekteres og brytes ned fra overflaten til et eple gjør det påviselig, konvertert av øynene våre som signaler, sendt til hjernen vår der vi identifiserer det som "rødt". Ugh ... det gjør vondt i hodet mitt bare når jeg tenker på det. Det er sant skjønt ... farge er ganske enkelt en frekvens av lys. Her er en oversikt over det elektromagnetiske spekteret og hver farges frekvenser:

Farge og det elektromagnetiske spektrumet

Dette er nøyaktig hvorfor hvitt lys peker mot et prisme produserer en regnbue. Det som virkelig skjer, er at krystallet endrer frekvensen til bølgelengden når lyset brytes:

Prism
Krystallprismet sprer hvitt lys i mange farger.

Øynene dine er frekvensdetektorer

Øyet ditt er egentlig bare en frekvensdetektor for rekkevidden av fargefrekvenser på det elektromagnetiske spekteret. Din evne til å oppdage farger skjer gjennom forskjellige typer kjegler i øyets vegg som deretter er koblet til optiske nerver. Hvert frekvensområde blir oppdaget av noen av disse kjeglene, deretter oversatt til et signal til synsnerven din, sendt til hjernen din, der den er identifisert.

Har du noen gang lagt merke til at du kan stirre lenge på noe med veldig høy kontrast, se bort og fortsette å se et etterbilde som ikke samsvarer med de originale fargene du så på? La oss si at det er en blå firkant på en hvit vegg:

Etter en stund vil cellene i øyet som behandler blått lys bli trette, noe som gjør signalet de sender til hjernen litt svakere. Siden den delen av det visuelle spekteret er litt undertrykt, vil du se en svak oransje etterbilde når du ser på en hvit vegg etter å ha stirret på den blå firkanten. Det du ser er det hvite lysspekteret fra veggen, minus en liten bit blått, som hjernen din behandler som oransje.

Color Theory 101: Få komplementære farger til å fungere for deg

Hvis den utmattelsen ikke skjedde, trenger ikke øynene og hjernen vår å jobbe så hardt for å tolke de mange bølgelengdene (f.eks. Farger) de ser.

Visuell støy mot harmoni

La oss gjøre en analogi mellom lyd og farge. Hvis du lyttet til forskjellige frekvenser og volumer som ikke var komplementære til hverandre, ville du tenkt på det som støy. Dette er ikke ulikt farger, hvor lysstyrken, kontrasten og fargen detekteres enten kan være visuelt støyende eller utfyllende. Innenfor hvilket som helst visuelt medium ønsker vi å jobbe mot harmoni.

Det er derfor du ikke ser noe ekstra i bakgrunnen til en film iført en lys rød skjorte. Og det er derfor interiørdesignere jobber hardt for å finne utfyllende farger på tvers av veggene, møbler, kunst og andre funksjoner i rommet de designer. Farge er avgjørende for å skape stemningen som den besøkende får når de går inn i den, basert på hvor lett det er for hjernen deres å tolke fargene.

Din farge palett tilsvarer å sette sammen et band i vakker harmoni. Og akkurat som stemmene og instrumentene er nøye justert i volum og frekvens ... så gjør de komplementære fargene på fargepaletten din. Fargepalettdesign er virkelig en kunstform for profesjonelle som har finjustert fargedeteksjonen, men det er absolutt en beregningsvitenskap også fordi de gratis frekvensene kan beregnes.

Mer om harmonier snart ... la oss komme tilbake til fargelære.

RGB-farger

Piksler i det digitale spekteret er kombinasjoner av rødt, grønt og blått. Rød = 0, grønn = 0 og blå = 0 vises som hvit og rød = 255, grønn = 255, og blå = 255 blir sett på som svart. Alt imellom er en annen farge sammensatt av de tre. Det grunnleggende om å beregne en komplementær farge er ganske enkelt ... bare trekk RGB-verdiene fra 255 for den nye RGB-verdien. Her er et eksempel:

Forskjellen i denne lysfrekvensen mellom oransje og blå er langt nok fra hverandre til at den er kontrasterende, men ikke så langt at det er vanskelig for våre øyne å tolke. Fargefrekvensene er komplementære og behagelige for reseptorene våre!

Å beregne en farge er enkelt ... å beregne 3 eller flere komplementære farger krever at du beregner like store mengder mellom hvert av alternativene. Derfor generering av fargepaletter kom så godt med! Med svært få beregninger som trengs, kan disse verktøyene gi deg flere farger som utfyller hverandre.

Fargehjulet

Å forstå forholdet mellom farger visualiseres best ved hjelp av et fargehjul. Fargene er ordnet i en sirkel basert på ikke deres relative frekvens. Den radiale avstanden er fargemetningen og den azimutale posisjonen på sirkelen som fargetone.

Fargehjulet

Fun Fact: Sir Isaac Newton utviklet først Color Wheel i 1665, et grunnlag for hans eksperimenter med prismer. Eksperimentene hans førte til teorien om at rød, gul og blå var de primære fargene som alle andre farger er avledet fra. Sidenote ... han brukte til og med musikalske "notater" til hver farge.

Arm meg med Harmony ...

Newton fargesirkel

Typer fargeharmonier

Forholdet mellom og hvordan hvert sett gratis farger beregnes er kjent som harmonier. Her er en flott oversiktsvideo:

Forskjellige egenskaper er knyttet til hver type:

  • analogt - grupper av farger som er ved siden av hverandre på fargehjulet. 
  • monokromatisk - grupper avledet fra en enkelt fargetone og utvidet ved hjelp av nyanser, toner og fargetoner.
  • Triade - grupper av farger som er jevnt fordelt rundt farge hjul
  • komplementær - grupper av farger som er motsatt hverandre på fargehjulet.
  • Split komplementær - en variant av komplementær der det bruker to farger ved siden av komplementet.
  • Rektangel (tetradisk) - bruker fire farger ordnet i to komplementære par
  • Square - ligner på rektangelet, men med alle fire farger jevnt fordelt rundt fargesirkelen
  • Compound - farge og de to fargene ved siden av den komplementære fargen
  • Shades - justering av fargen (økning i lyshet) eller skygge (mørke) for den primære fargen.

Dette er ikke subjektive temaer, de er faktiske matematiske beregninger med fine navn brukt som hjelper oss med å forstå beregningene bedre.

Generatorer for fargepalettskjema

Ved å bruke en fargepalettgenerator kan du få vakre, komplementære fargekombinasjoner som denne:

Jeg bruker ofte generatorer for fargepalettskjemaer når jeg jobber på klientsider. Fordi jeg ikke er ekspert på farger, hjelper disse verktøyene meg med å velge bedre ting som bakgrunner, rammer, bunntekstbakgrunner, primære og sekundære knappefarger. Resultatet er et nettsted som er mer behagelig for øyet! Det er en subtil, utrolig kraftig strategi å bruke på design av hva som helst - fra en annonse til et helt nettsted.

Her er noen flotte fargepalettgeneratorer online:

  • Adobe - et fantastisk verktøy med opptil 5 farger der du kan teste forskjellige typer, gjøre justeringer og til og med lagre temaet ditt i ethvert Adobe-produkt.
  • Merkefarger - den største samlingen av offisielle merkefargekoder rundt.
  • Lerret - last opp et bilde, så bruker de det som grunnlag for paletten din!
  • Colllor - generer en jevn webfargepalett med bare noen få klikk. 
  • Fargedesigner - Bare velg en farge eller bruk de forhåndsvalgte fargene, og appen gjør resten. 
  • Fargejakt - gratis og åpen plattform for fargeinspirasjon med tusenvis av trendy håndplukkede fargepaletter
  • Colorkuler - generer en fargepalett for Instagram for å gjøre den mer estetisk.
  • Colormind - en fargeskjema generator som bruker dyp læring. Det kan lære fargestiler fra fotografier, filmer og populær kunst.
  • Farge rom - bare skriv inn en til tre farger og generer noen ordninger!
  • Fargekode - en veldig kul skjermopplevelse for å lage fargepaletten din med en rekke harmonistiler til venstre.
  • FARGEelskere - et kreativt fellesskap der mennesker fra hele verden lager og deler farger, paletter og mønstre, diskuterer de nyeste trendene og utforsk fargerike artikler.
  • kjølere - lag den perfekte paletten eller la deg inspirere av tusenvis av vakre fargevalg.
  • Datafargevelger - Bruk palettvelgeren til å lage en serie farger som er visuelt like langt borte
  • Khroma - bruker AI for å lære hvilke farger du liker og lager paletter for deg å oppdage, søke og lagre.
  • Material Design - opprett, del og bruk fargeskjemaer for brukergrensesnittet ditt. Det kommer til og med med en eksport for appen din!
  • Muzli farger - legg til et fargenavn eller en kode, og lag en vakker palett.
  • Paletton - velg en grunnfarge og la deg inspirere.
  • Veranda - la deg inspirere av mange fantastiske fargepaletter. 

Farge og tilgjengelighet

Vær oppmerksom når du bestemmer deg for å utforme ditt neste palettoppsett at det er en betydelig mengde mennesker med synshemming og fargemangel som trenger å samhandle med dine opplevelser.

  • Kontrast - Hver uavhengige farge har en luminans. Farger på overlegg og tilstøtende gjenstander må ha et relativt luminansforhold på 4.5: 1 for at personer med synshemming skal kunne skille dem. Jeg ville ikke gått gjennom bryet med å prøve å beregne forholdene selv, du kan teste forholdene dine i to farger med Fargeløs, Kontrastforhold, eller Fargesikker.
  • ikonografi - Å markere et felt i rødt hjelper ikke noen som har fargemangel. Sørg for å bruke en slags melding eller ikon for å fortelle dem at det også er et problem.
  • Fokus - Mange navigerer med tastaturer eller skjermlesere. Forsikre deg om at brukergrensesnittet ditt er riktig designet med all tilgjengelighetsmerking for at de skal kunne dra nytte av nettstedet ditt. For personer med synshemming er det viktig med bruk av hvite mellomrom og muligheten til å øke eller redusere skriftstørrelser der det ikke ødelegger utformingen.

Er du en øyeekspert? Fargeekspert? Tilgjengelighetsekspert? Du er velkommen til å gi meg veiledning for å forbedre denne artikkelen!

Hva tror du?

Dette nettstedet bruker Akismet for å redusere spam. Lær hvordan kommentaren din behandles.