Waarom ons oë aanvullende kleurpaletstelsels benodig ... en waar u dit kan maak

Aanvullende kleurpaletskemas

Weet u dat daar eintlik biologiese wetenskap is agter die manier waarop twee of meer kleure mekaar aanvul? Ek is nie 'n oogarts of 'n oogkundige nie, maar ek sal probeer om die wetenskap hier te vertaal vir eenvoudige mense soos ek. Kom ons begin met kleur in die algemeen.

Kleure is frekwensies

'N Appel is rooi ... reg? Wel, nie regtig nie. Die frekwensie van hoe lig weerkaats en van die oppervlak van 'n appel afbreek, maak dit opspoorbaar, omskakel deur ons oë as seine, en stuur dit na ons brein waar ons dit as 'rooi' identifiseer. Ugh ... dit maak my kop seer as ek daaraan dink. Dit is wel waar ... kleur is bloot 'n frekwensie van lig. Hier is 'n oorsig van die elektromagnetiese spektrum en elke kleure se frekwensies:

Kleur en die elektromagnetiese spektrum

Dit is presies waarom wit lig wat op 'n prisma gerig is, 'n reënboog voortbring. Wat regtig voorkom, is dat die kristal die frekwensie van die golflengte verander terwyl die lig gebreek word:

Prism
Die kristalprisma versprei wit lig in baie kleure.

Jou oë is frekwensie-opspoorders

U oog is in werklikheid net 'n frekwensie-detektor vir die verskeidenheid kleurfrekwensies op die elektromagnetiese spektrum. U kan kleure opspoor deur verskillende soorte keëls in die muur van u oog wat dan aan u optiese senuwees gekoppel is. Elke frekwensiebereik word deur sommige van hierdie keëls opgespoor en dan vertaal in 'n sein na u optiese senuwee wat na u brein gestuur word, waar dit geïdentifiseer word.

Het u ooit opgelet dat u lank na iets met 'n baie hoë kontras kan staar, kan wegkyk en 'n na-beeld kan sien wat nie ooreenstem met die oorspronklike kleure waarna u gekyk het nie? Gestel dit is 'n blou vierkant aan 'n wit muur:

Na 'n rukkie word die selle in u oog wat blou lig verwerk moeg, wat die sein wat dit aan u brein stuur effens swakker word. Aangesien die deel van die visuele spektrum effens onderdruk is, sien u 'n flou oranje na-beeld as u na 'n wit muur kyk nadat u na die blou vierkant gekyk het. Wat u sien, is die wit ligspektrum van die muur af minus 'n klein bietjie blou wat u brein as oranje verwerk.

Kleurteorie 101: om aanvullende kleure vir u te laat werk

As die moegheid nie gebeur het nie, hoef ons oë en brein nie so hard te werk om die veelvuldige golflengtes (bv. Kleure) wat hulle sien te interpreteer nie.

Visuele geraas teenoor harmonie

Kom ons doen 'n analogie van klank versus kleur. As u na verskillende frekwensies en volumes luister wat nie aanvullend tot mekaar was nie, sou u dit beskou as geraas. Dit is nie anders as kleur nie, waar die helderheid, kontras en kleur waargeneem kan word visueel raserig of aanvullend. Binne enige visuele medium wil ons na harmonie werk.

Daarom sien jy nie 'n ekstra op die agtergrond van 'n film met 'n helderrooi hemp nie. En dit is waarom binneversierders hard werk om aanvullende kleure oor die mure, meubels, kuns en ander kenmerke van die kamer wat hulle ontwerp te vind. Kleur is van kritieke belang om die stemming te skep wat die besoeker kry as hy daarin loop, gebaseer op hoe maklik dit vir hul brein is om die kleure te interpreteer.

jou kleurpalet is die ekwivalent van die samestelling van 'n band in 'n pragtige harmonie. En net soos die stemme en instrumente noukeurig in volume en frekwensie ooreenstem ... so pas die komplementêre kleure van u kleurpalet ook. Kleurpaletontwerp is 'n kunsvorm vir professionele persone wat hul kleurdeteksie fyn ingestel het, maar dit is absoluut ook 'n rekenaarwetenskap, want die komplimentêre frekwensies kan bereken word.

Kom binnekort meer oor harmonieë ... kom ons keer terug na kleurteorie.

RGB-kleure

Pixels binne die digitale spektrum is kombinasies van rooi, groen en blou. Rooi = 0, groen = 0 en blou = 0 word vertoon as wit en rooi = 255, groen = 255, en blou = 255 word gesien as swart. Alles tussenin is 'n ander kleur wat uit die drie bestaan. Die basiese beginsels van die berekening van 'n aanvullende kleur is redelik eenvoudig ... trek die RGB-waardes van 255 af vir die nuwe RGB-waarde. Hier is 'n voorbeeld:

Die verskil in die ligfrekwensie tussen die oranje en blou is ver genoeg van mekaar af, sodat dit kontrasterend is, maar nie so ver dat dit vir ons oë moeilik is om te interpreteer nie. Die kleurfrekwensies is aanvullend en aangenaam vir ons reseptore!

Om een ​​kleur te bereken is maklik ... om drie of meer komplementêre kleure te bereken, moet u die ekwivalente hoeveelhede tussen elk van die opsies bereken. Dis hoekom kleurpalet skema kragopwekkers kom so handig te pas! Met baie min berekeninge kan hierdie gereedskap u verskillende kleure gee wat mekaar aanvul.

Die Kleurwiel

Om die verband tussen kleure te verstaan, kan u die beste visualiseer met behulp van 'n kleurwiel. Die kleure is in 'n sirkel gerangskik op grond van hul relatiewe frekwensie. Die radiale afstand is die versadiging van die kleur en die azimutale posisie op die sirkel as die tint van die kleur.

Die Kleurwiel

Pret feit: Sir Isaac Newton het die Kleurwiel vir die eerste keer in 1665 ontwikkel, 'n basis vir sy eksperimente met prisma's. Sy eksperimente het gelei tot die teorie dat rooi, geel en blou die primêre kleure was waarvan alle ander kleure afgelei is. Kantnoot ... hy het selfs musikale “note” op elke kleur toegepas.

Bewapen my met Harmony ...

newton kleur sirkel

Tipes kleurharmonieë

Die verwantskappe tussen en hoe elke stel komplimentêre kleure bereken word, staan ​​bekend as harmonieë. Hier is 'n goeie oorsigvideo:

Verskillende kenmerke hou verband met elke tipe:

  • analoog - groepe kleure wat langs mekaar op die kleurwiel is. 
  • Monochromaties - groepe afgelei van 'n enkele basiskleur en uitgebrei met die skakerings, kleure en tintjies.
  • Triad - groepe kleure wat eweredig versprei is rondom die kleur wiel
  • aanvullende - groepe kleure wat teenoor mekaar op die kleurwiel staan.
  • Gesplete aanvulling - 'n variasie van komplementêr waar twee kleure langs die komplement gebruik word.
  • Reghoek (Tetradies) - gebruik vier kleure wat in twee komplementêre pare gerangskik is
  • Square - soortgelyk aan die reghoek, maar met al vier kleure eweredig rondom die kleursirkel
  • Saamgestelde - kleur en die twee kleure langs die aanvullende kleur
  • skakerings - verstelling van die tint (toename in lig), of skaduwee (donker) vir die primêre kleur.

Dit is nie subjektiewe temas nie; dit is werklike wiskundige berekeninge met mooi name wat gebruik word om die berekeninge beter te verstaan.

Opstellers vir kleurpaletskemas

Met behulp van 'n kleurpalet-skema-kragopwekker kan u pragtige, aanvullende kleurkombinasies kry soos hierdie:

Ek gebruik gereeld kragopwekkers vir kleurpaletjies as ek op kliëntwebwerwe werk. Omdat ek nie 'n kenner van kleure is nie, kan hierdie instrumente my help om dinge beter te kies soos agtergronde, rande, agterste voetskrif, kleure vir primêre en sekondêre knoppies. Die resultaat is 'n webwerf wat baie aangenamer vir die oog is! Dit is 'n subtiele, ongelooflike kragtige strategie om op u ontwerp van enigiets toe te pas - van 'n advertensie tot 'n hele webwerf.

Hier is 'n paar kragopwekkers aanlyn vir kleurpaletjies:

  • Adobe - 'n fantastiese instrument met tot 5 kleure waar u verskillende soorte kan toets, aanpassings kan maak en selfs u tema in enige Adobe-produk kan stoor.
  • BrandColors - die grootste versameling amptelike handelsmerkkleurkodes.
  • Canva - laai 'n foto op en hulle gebruik dit as basis vir u palet!
  • Colllor - genereer 'n konsekwente webkleurpalet met net 'n paar klik. 
  • Kleurontwerper - Kies net 'n kleur of gebruik die vooraf gekose kleure en die app doen die res. 
  • Kleurjag - gratis en oop platform vir kleurinspirasie met duisende nuwerwetse met die hand gekies kleurpalet
  • Colorkuler - skep 'n kleurpalet vir Instagram om dit estetieser te maak.
  • Colormind - 'n kleurskema-kragopwekker wat diep leer gebruik. Dit kan kleurstyle leer uit foto's, films en populêre kuns.
  • Kleurruimte - tik net een tot drie kleure in en genereer 'n paar skemas!
  • Kleurkode - 'n baie cool skermwye ervaring om u kleurpalet met 'n aantal harmoniestyle aan die linkerkant te skep.
  • KLEURliefhebbers - 'n kreatiewe gemeenskap waar mense van regoor die wêreld kleure, palette en patrone skep en deel, die nuutste tendense bespreek en kleurryke artikels verken.
  • Klanke - skep die perfekte palet of word geïnspireer deur duisende pragtige kleurskema's.
  • Gekleurde datakleur - Gebruik die paletkieser om 'n reeks kleure te skep wat daar is visueel ewe ver
  • Khroma - gebruik AI om te leer van watter kleure u hou en palette skep om te ontdek, te soek en te stoor.
  • materiaal Design - skep, deel en pas kleurskemas toe vir u UI. Dit het selfs 'n uitvoer vir u app!
  • Muzli Kleure - voeg 'n kleurnaam of kode by en skep 'n pragtige palet.
  • Paletton - kies 'n basiese kleur en word geïnspireer.
  • stoep - word geïnspireer deur tonne wonderlike kleurpalet. 

Kleur en toeganklikheid

Hou in gedagte as u besluit om u volgende paletskema te ontwerp, dat daar 'n aansienlike hoeveelheid mense met gesiggestremdhede en kleurtekorte is wat met u ervarings moet kommunikeer.

  • Kontras - Elke onafhanklike kleur het 'n luminance. Kleure van oorleggings en aangrensende voorwerpe moet 'n relatiewe helderheidsverhouding van 4.5: 1 hê om mense met gesiggestremdhede te kan onderskei. Ek sal nie die verhoudings probeer om die verhoudings self te bereken nie; u kan u verhoudings van twee kleure toets met colorable, Contrast Ratio, of Kleursafe.
  • ikonografie - Om 'n veld in rooi te benadruk help nie iemand met 'n kleurtekort nie. Gebruik 'n soort boodskap of ikoon om hulle te laat weet dat daar ook 'n probleem is.
  • Fokus - Baie mense navigeer met sleutelborde of skermlesers. Maak seker dat u gebruikerskoppelvlak behoorlik ontwerp is met alle toeganklikheidsmerkings om voordeel te trek uit u werf. Vir mense met gesiggestremdheid is die gebruik van wit spasie en die vermoë om lettergroottes te vergroot of te verklein as dit die uitleg nie vernietig nie.

Is u 'n oogkenner? Kleurkenner? Toeganklikheidskenner? U kan my gerus enige leiding gee om hierdie artikel te verbeter!

Wat dink jy?

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.