ReklamteknikContent MarketingmarknadsföringsverktygSälj- och marknadsutbildning

Varför våra ögon behöver kompletterande färgpalettprogram ... och var du kan göra dem

Visste du att det faktiskt finns biologisk vetenskap bakom hur två eller flera färger kompletterar varandra? Jag är inte ögonläkare eller optiker, men jag ska försöka översätta vetenskapen här för enkla människor som jag själv. Låt oss börja med färg i allmänhet.

Färger är frekvenser

Ett äpple är rött... eller hur? Tja, inte riktigt. Frekvensen av hur ljus reflekteras och bryts bort från ytan på ett äpple gör det upptäckbart, omvandlas av våra ögon som signaler och skickas till vår hjärna där vi identifierar det som "rött". Usch... det gör ont i huvudet bara jag tänker på det. Det är dock sant... färgen är helt enkelt en ljusfrekvens. Här är en bild av det elektromagnetiska spektrumet och varje färgs frekvenser:

Färg och det elektromagnetiska spektrumet

Det är just därför vitt ljus som riktas mot ett prisma producerar en regnbåge. Vad som verkligen händer är att kristallen ändrar frekvensen för våglängden när ljuset bryts:

prisma
Kristallprismen sprider vitt ljus i många färger.

Dina ögon är frekvensdetektorer

Ditt öga är i själva verket bara en frekvensdetektor för utbudet av färgfrekvenser på det elektromagnetiska spektrumet. Din förmåga att upptäcka färger händer genom olika typer av kottar i ögonväggen som sedan är kopplade till dina optiska nerver. Varje frekvensområde detekteras av några av dessa koner och översätts sedan till en signal till din optiska nerv, skickad till din hjärna, där den identifieras.

Har du någonsin märkt att du kan stirra länge på något med riktigt hög kontrast, titta bort och fortsätta se en efterbild som inte matchar de ursprungliga färgerna du tittade på? Låt oss säga att det är en blå fyrkant på en vit vägg:

Efter ett tag blir cellerna i ögat som bearbetar blått ljus trötta, vilket gör signalen de skickar till din hjärna något svagare. Eftersom den delen av det visuella spektrumet är något undertryckt, ser du en svag orange efterbild när du tittar på en vit vägg efter att ha stirrat på det blå torget. Det du ser är det vita spektrumet av ljus från väggen, minus en liten bit blått, som din hjärna bearbetar som orange.

Färgteori 101: Få kompletterande färger till att fungera för dig

Om den tröttheten inte hände behöver våra ögon och hjärnor inte arbeta lika hårt för att tolka de flera våglängderna (t.ex. färger) som de ser.

Visuellt buller kontra harmoni

Låt oss göra en analogi mellan ljud och färg. Om du lyssnade på olika frekvenser och volymer som inte kompletterade varandra, skulle du tänka på det som brus. Detta skiljer sig inte från färg, där ljusstyrka, kontrast och färg detekteras antingen kan vara visuellt bullriga eller kompletterande. Inom vilket visuellt medium som helst vill vi arbeta mot harmoni.

Det är därför du inte ser något extra i bakgrunden av en film som bär en ljusröd skjorta. Och det är därför inredare arbetar hårt för att hitta kompletterande färger över väggarna, möbler, konst och andra funktioner i rummet de designar. Färg är avgörande för att skapa den stämning som besökaren får när de går in i den baserat på hur lätt det är för deras hjärna att tolka färgerna.

Din färgpalett motsvarar att sätta ihop ett band i vacker harmoni. Och precis som rösterna och instrumenten monteras nära i linje med volym och frekvens ... så gör de kompletterande färgerna i din färgpalett. Färgpalettdesign är verkligen en konstform för proffs som har finjusterat sin färgdetektering, men det är absolut en beräkningsvetenskap också eftersom de kostnadsfria frekvenserna kan beräknas.

Mer om harmonier snart ... låt oss komma tillbaka till färgteori.

RGB-färger

Pixlar inom det digitala spektrumet är kombinationer av rött, grönt och blått. Röd = 0, grön = 0 och blå = 0 visas som vit och röd = 255, grön = 255 och blå = 255 ses som svart. Allt däremellan är en annan färg som består av de tre. Grunderna i att beräkna en kompletterande färg är ganska enkla ... bara subtrahera RGB-värdena från 255 för det nya RGB-värdet. Här är ett exempel:

Skillnaden i denna ljusfrekvens mellan orange och blå är tillräckligt långt ifrån varandra för att den är kontrasterande, men inte så långt att det är svårt för våra ögon att tolka. Färgfrekvenserna är kompletterande och tilltalande för våra receptorer!

Att beräkna en färg är enkelt ... att beräkna 3 eller fler kompletterande färger kräver att du beräknar motsvarande kvantiteter mellan var och en av alternativen. Det är därför generatorer för färgpalett kom så praktiskt! Med mycket få beräkningar behövs kan dessa verktyg ge dig flera färger som kompletterar varandra.

Färghjulet

Att förstå förhållandet mellan färger visualiseras bäst med hjälp av ett färghjul. Färgerna är arrangerade i en cirkel baserat inte på deras relativa frekvens. Det radiella avståndet är färgens mättnad och den azimutala positionen på cirkeln är färgens nyans.

Färghjulet

Rolig fakta: Sir Isaac Newton utvecklade först Color Wheel 1665, en grund för hans experiment med prismer. Hans experiment ledde till teorin att rött, gult och blått var de primära färgerna som alla andra färger härstammar från. Sidanot ... han applicerade till och med musikaliska "anteckningar" på varje färg.

Beväpna mig med Harmony ...

Newton färgcirkel

Typer av färgharmonier

Relationerna mellan och hur varje uppsättning kompletterande färger beräknas kallas harmonier. Här är en bra översiktsvideo:

Olika egenskaper är associerade med varje typ:

  • Analog - grupper av färger som ligger bredvid varandra på färghjulet. 
  • Enfärgad - grupper härledda från en enda basfärg och förlängs med hjälp av nyanser, toner och nyanser.
  • triad - grupper av färger som är jämnt fördelade runt färg hjul
  • Kompletterande - grupper av färger som är mittemot varandra på färghjulet.
  • Split kompletterande - en variation av kompletterande där som använder två färger intill komplementet.
  • Rektangel (tetradisk) - använder fyra färger ordnade i två kompletterande par
  • Fyrkant - liknar rektangeln, men med alla fyra färgerna fördelade jämnt runt färgcirkeln
  • Luktämne - färg och de två färgerna intill dess kompletterande färg
  • Nyanser - justering av nyansen (ökad ljushet) eller skugga (mörker) för den primära färgen.

Dessa är inte subjektiva teman, de är faktiska matematiska beräkningar med fina namn som används som hjälper oss att bättre förstå beräkningarna.

Generatorer för färgpalet

Med hjälp av en färgpalettgenerator kan du få vackra, kompletterande färgkombinationer som den här:

Jag använder ofta generatorer för färgpalett när jag arbetar på klientwebbplatser. Eftersom jag inte är expert på färger hjälper de här verktygen mig att bättre välja saker som bakgrunder, ramar, sidfotbakgrunder, primära och sekundära knappfärger. Resultatet är en webbplats som är mycket mer tilltalande för ögat! Det är en subtil, otroligt kraftfull strategi att tillämpa på din design av vad som helst - från en annons till en hel webbplats.

Här är några fantastiska generatorer för färgpalettschema online:

  • Adobe - ett fantastiskt verktyg med upp till 5 färger där du kan testa olika typer, göra justeringar och till och med spara ditt tema i vilken Adobe-produkt som helst.
  • VarumärkeFärger - den största samlingen av officiella märkesfärgkoder runt.
  • canva - ladda upp ett foto så använder de det som en grund för din palett!
  • Colllor - skapa en konsekvent webbfärgpalett med bara några få klick. 
  • Färgdesigner - Välj bara en färg eller använd de förvalda färgerna så gör appen resten. 
  • Färgjakt - gratis och öppen plattform för färginspiration med tusentals trendiga handplockade färgpaletter
  • Colorkuler - skapa en färgpalett för Instagram för att göra den mer estetiskt tilltalande.
  • Colormind - en färgschema generator som använder djupinlärning. Det kan lära sig färgstilar från fotografier, filmer och populärkonst.
  • Färg rymd - skriv bara in en till tre färger och skapa några scheman!
  • Färgkod - en riktigt cool skärmupplevelse för att skapa din färgpalett med ett antal harmonistilar till vänster.
  • Colour - ett kreativt samhälle där människor från hela världen skapar och delar färger, paletter och mönster, diskuterar de senaste trenderna och utforskar färgglada artiklar.
  • kylare - skapa den perfekta paletten eller bli inspirerad av tusentals vackra färgscheman.
  • Datafärgväljare - Använd palettväljaren för att skapa en serie färger som är visuellt lika långt ifrån varandra
  • Khroma - använder AI för att lära dig vilka färger du gillar och skapar paletter för dig att upptäcka, söka och spara.
  • material design - skapa, dela och tillämpa färgscheman för ditt användargränssnitt. Det kommer även med en export för din app!
  • Muzli-färger - lägg till ett färgnamn eller en kod och skapa en vacker palett.
  • Paletton - välj en grundfärg och bli inspirerad.

Färg och tillgänglighet

Kom ihåg när du bestämmer dig för att utforma ditt nästa palettschema att det finns en betydande mängd personer med synskadade och färgbrister som behöver interagera med dina upplevelser.

  • Däremot - Varje oberoende färg har en luminans. Överläggsfärger och intilliggande föremål måste ha ett relativt ljusförhållande på 4.5: 1 för att personer med nedsatt syn ska kunna urskilja dem. Jag skulle inte gå igenom besväret med att försöka beräkna förhållandena själv, du kan testa dina förhållanden i två färger med Kontrastförhållande, eller Färgsäker.
  • Ikonografi - Att markera ett fält i rött hjälper inte någon som har färgbrist. Var noga med att tillämpa något slags meddelande eller ikon för att låta dem veta att det också finns ett problem.
  • Fokus – Många navigerar med tangentbord eller skärmläsare. Se till att ditt användargränssnitt är korrekt utformat med all tillgänglighetsmärkning för att de ska kunna dra nytta av din webbplats. För personer med synnedsättning är användningen av vitt utrymme och möjligheten att öka eller minska teckenstorlekar där det inte förstör layouten avgörande.

Är du en ögonexpert? Färgexpert? Tillgänglighetsexpert? Tveka inte att ge mig vägledning för att förbättra den här artikeln!

Upplysning: Jag använder affiliate-länkar i den här artikeln.

Douglas Karr

Douglas Karr är CMO för Öppna INSIGHTS och grundaren av Martech Zone. Douglas har hjälpt dussintals framgångsrika MarTech-startups, har hjälpt till med due diligence på över $5 miljarder i Martech-förvärv och investeringar, och fortsätter att hjälpa företag att implementera och automatisera sina försäljnings- och marknadsföringsstrategier. Douglas är en internationellt erkänd digital transformations- och MarTech-expert och talare. Douglas är också en publicerad författare till en Dummies guide och en bok om företagsledarskap.

Relaterade artiklar

Tillbaka till toppen knappen
Stänga

Adblock upptäckt

Martech Zone kan ge dig detta innehåll utan kostnad eftersom vi tjänar pengar på vår webbplats genom annonsintäkter, affiliate-länkar och sponsring. Vi skulle uppskatta om du tar bort din annonsblockerare när du tittar på vår webbplats.