De ce au nevoie ochii noștri de scheme complementare de palete de culori ... Și unde le puteți face

Scheme complementare de palete de culori

Știați că există de fapt știința biologică în spatele modului în care două sau mai multe culori se completează reciproc? Nu sunt oftalmolog și nici optometrist, dar voi încerca să traduc știința aici pentru oameni simpli ca mine. Să începem cu culoarea în general.

Culorile sunt frecvențe

Un măr este roșu ... nu? Nu chiar. Frecvența modului în care lumina este reflectată și refractată de pe suprafața unui măr o face detectabilă, convertită de ochii noștri ca semnale, trimise în creierul nostru, unde o identificăm ca fiind „roșie”. Uf ... asta mă doare capul doar gândindu-mă la asta. Este adevărat însă ... culoare este pur și simplu o frecvență a luminii. Iată o vedere a spectrului electromagnetic și a frecvențelor fiecărei culori:

Culoarea și spectrul electromagnetic

Acesta este exact motivul pentru care lumina albă îndreptată spre o prismă produce un curcubeu. Ceea ce se întâmplă cu adevărat este că cristalul schimbă frecvența lungimii de undă pe măsură ce lumina este refractată:

prismă
Prisma de cristal dispersează lumina albă în multe culori.

Ochii tăi sunt detectoare de frecvență

Ochiul tău este cu adevărat doar un detector de frecvență pentru gama de frecvențe de culoare din spectrul electromagnetic. Abilitatea ta de a detecta culorile se întâmplă prin diferite tipuri de conuri din peretele ochiului care sunt apoi conectate la nervii optici. Fiecare interval de frecvență este detectat de unii dintre acești conuri, apoi tradus într-un semnal către nervul optic, trimis la creier, unde este identificat.

Ai observat vreodată că poți să te uiți mult timp la ceva cu un contrast foarte mare, să te uiți în altă parte și să vezi în continuare o imagine secundară care nu se potrivește culorilor originale pe care le priveai? Să presupunem că este un pătrat albastru pe un perete alb:

După un timp, celulele din ochi, care procesează lumina albastră, vor deveni obosite, făcând semnalul pe care îl trimit către creier ușor mai slab. Deoarece acea parte a spectrului vizual este ușor suprimată, atunci când priviți un perete alb după ce vă uitați la pătratul albastru, veți vedea o imagine slabă portocalie. Ceea ce vedeți este spectrul alb de lumină de pe perete, minus un pic de albastru, pe care creierul dvs. îl procesează ca portocaliu.

Teoria culorilor 101: Efectuarea culorilor complementare pentru tine

Dacă această oboseală nu s-a întâmplat, ochii și creierul nostru nu trebuie să lucreze la fel de mult pentru a interpreta lungimile de undă multiple (de exemplu, culorile) pe care le văd.

Zgomot vizual versus armonie

Să facem o analogie între sunet și culoare. Dacă ai asculta diferite frecvențe și volume care nu ar fi complementare unele cu altele, te-ai gândi la asta zgomot. Acest lucru nu este diferit de culoare, unde luminozitatea, contrastul și culoarea detectate pot fi vizual zgomotoase sau complementare. În orice mediu vizual, vrem să lucrăm spre armonie.

De aceea nu vezi un plus în fundalul unui film care poartă o cămașă roșie aprinsă. Și de aceea, decoratorii de interior lucrează din greu pentru a găsi culori complementare pe pereți, mobilier, artă și alte caracteristici ale camerei pe care o proiectează. Culoarea este esențială în crearea stării de spirit pe care vizitatorul o primește atunci când intră în ea, pe baza cât de ușor este pentru creierul lor să interpreteze culorile.

Ta paleta de culori este echivalentul asamblării unei trupe în armonie frumoasă. Și la fel cum vocile și instrumentele asamblate se aliniază strâns în volum și frecvență ... la fel fac culorile complementare ale paletei de culori. Designul paletei de culori este cu adevărat o formă de artă pentru profesioniștii care și-au reglat fin detecția culorilor, dar este și o știință de calcul, deoarece frecvențele gratuite pot fi calculate.

Mai multe despre armonii în curând ... să revenim la teoria culorilor.

Culori RGB

Pixelii din spectrul digital sunt combinații de roșu, verde și albastru. Roșu = 0, verde = 0 și albastru = 0 este afișat ca alb iar roșu = 255, verde = 255 și albastru = 255 este văzut ca negru. Totul din mijloc este o culoare diferită compusă din cele trei. Noțiunile de bază ale calculării unei culori complementare sunt destul de simple ... doar scade valorile RGB din 255 pentru noua valoare RGB. Iată un exemplu:

Diferența în această frecvență a luminii între portocaliu și albastru este suficient de îndepărtată încât să fie contrastantă, dar nu atât de departe încât să fie dificil de interpretat de ochii noștri. Frecvențele de culoare sunt complementare și plăcute receptorilor noștri!

Calculul unei culori este ușor ... calculul a 3 sau mai multe culori complementare necesită calcularea unor cantități echivalente între fiecare dintre opțiuni. De aceea generatoare de scheme de palete de culori intră atât de la îndemână! Cu foarte puține calcule necesare, aceste instrumente vă pot oferi mai multe culori care se completează reciproc.

Roata de culoare

Înțelegerea relației dintre culori este vizualizată cel mai bine folosind o roată de culori. Culorile sunt aranjate în cerc pe baza frecvenței lor relative. Distanța radială este saturația culorii și poziția azimutală pe cerc ca nuanță a culorii.

Roata de culoare

Fapt amuzant: Sir Isaac Newton a dezvoltat prima dată Roata culorilor în 1665, o bază pentru experimentele sale cu prisme. Experimentele sale au condus la teoria că roșu, galben și albastru erau culorile primare din care derivă toate celelalte culori. Notă laterală ... chiar a aplicat „note” muzicale la fiecare culoare.

Înarmează-mă cu Harmony ...

cerc de culoare newton

Tipuri de armonii de culoare

Relațiile dintre și cum sunt calculate fiecare set de culori gratuite sunt cunoscute sub numele de armonii. Iată un videoclip extraordinar:

Diferite caracteristici sunt asociate fiecărui tip:

  • Analog - grupuri de culori care sunt una lângă alta pe roata de culori. 
  • Monocromatic - grupuri derivate dintr-o singură nuanță de bază și extinse folosind nuanțele, tonurile și nuanțele sale.
  • Triadă - grupuri de culori care sunt uniform distanțate în jurul culoare roată
  • Complementar - grupuri de culori care sunt opuse unul pe altul pe roata de culoare.
  • Split Complementar - o variantă a complementarului în care folosește două culori adiacente complementului.
  • Dreptunghi (tetradic) - folosește patru culori dispuse în două perechi complementare
  • Pătrat - similar cu dreptunghiul, dar cu toate cele patru culori distanțate uniform în jurul cercului de culoare
  • Compus - culoarea și cele două culori adiacente culorii sale complementare
  • Shades - reglarea nuanței (creșterea luminozității) sau a nuanței (întuneric) pentru culoarea primară.

Acestea nu sunt teme subiective, sunt calcule matematice propriu-zise, ​​cu nume frumoase aplicate, care ne ajută să înțelegem mai bine calculele.

Generatoare de scheme de palete de culori

Folosind un generator de palete de culori, puteți obține combinații de culori frumoase și complementare precum acesta:

Folosesc deseori generatoare de scheme de palete de culori atunci când lucrez pe site-uri client. Deoarece nu sunt expert în culori, aceste instrumente mă ajută să selectez mai bine lucruri precum fundaluri, margini, fundaluri de subsol, culori primare și secundare ale butoanelor. Rezultatul este un site web mult mai plăcut pentru ochi! Este o strategie subtilă, incredibil de puternică, de aplicat la proiectarea oricărui lucru - de la o reclamă la un întreg site web.

Iată câteva generatoare grozave de scheme de palete de culori online:

  • chirpici - un instrument fantastic cu până la 5 culori în care puteți testa diferite tipuri, puteți face ajustări și chiar vă puteți salva tema în orice produs Adobe.
  • BrandColors - cea mai mare colecție de coduri de culoare oficiale ale mărcii din jur.
  • Canva - încărcați o fotografie și o vor folosi ca bază pentru paleta dvs.!
  • Colllor - generați o paletă consistentă de culori web cu doar câteva clicuri. 
  • Color Designer - Alegeți o culoare sau utilizați culorile preselectate, iar aplicația face restul. 
  • Vânătoare de culoare - platformă gratuită și deschisă pentru inspirație de culoare cu mii de palete de culori la modă, culese manual
  • Colorkuler - generați o paletă de culori pentru Instagram pentru a o face mai plăcută din punct de vedere estetic.
  • Colormind - un generator de scheme de culori care utilizează învățarea profundă. Poate învăța stiluri de culoare din fotografii, filme și artă populară.
  • Spațiul de culori - trebuie doar să introduceți una până la trei culori și să generați câteva scheme!
  • Cod de culoare - o experiență foarte interesantă la nivel de ecran pentru crearea paletei de culori cu o serie de stiluri de armonie în stânga.
  • CULORI - o comunitate creativă în care oamenii din întreaga lume creează și împărtășesc culori, palete și modele, discută ultimele tendințe și explorează articole colorate.
  • Aparate de racire - creați paleta perfectă sau inspirați-vă din mii de scheme de culori frumoase.
  • Data Color Picker - Utilizați selectorul de palete pentru a crea o serie de culori care sunt vizual echidistant
  • Khroma - folosește AI pentru a afla ce culori îți plac și creează palete pentru a le descoperi, căuta și salva.
  • Material design - creați, partajați și aplicați scheme de culori pentru interfața dvs. de utilizare. Vine chiar și cu un export pentru aplicația dvs.!
  • Muzli Colors - adăugați un nume de culoare sau un cod și produceți o paletă frumoasă.
  • Paletton - alegeți o culoare de bază și inspirați-vă.
  • Verandă - inspirați-vă de o mulțime de palete de culori uimitoare. 

Culoare și accesibilitate

Rețineți că, atunci când decideți să proiectați următoarea dvs. schemă de palete, există o cantitate semnificativă de persoane cu deficiențe de vedere și deficiențe de culoare care trebuie să interacționeze cu experiențele dvs.

  • Contrast - Fiecare culoare independentă are o luminanță. Culorile suprapunerilor și ale obiectelor adiacente trebuie să aibă un raport de luminanță relativ de 4.5: 1 pentru ca persoanele cu deficiențe de vedere să le poată distinge. Nu aș trece prin dificultatea de a încerca să calculați singuri raporturile, puteți să vă testați raporturile de două culori cu Colorabil, Raport de contrast, sau Colorsafe.
  • Iconografie - Evidențierea unui câmp în roșu nu ajută pe cineva care are o deficiență de culoare. Asigurați-vă că aplicați un fel de mesaj sau pictogramă pentru a le informa că există și o problemă.
  • Concentra - Mulți oameni navighează cu tastaturi sau cititoare de ecran. Asigurați-vă că interfața dvs. de utilizator este proiectată corect cu toate etichetele de accesibilitate pentru ca aceștia să profite de site-ul dvs. Pentru persoanele cu deficiențe de vedere, este esențial utilizarea spațiului alb și capacitatea de a crește sau de a micșora dimensiunea fontului acolo unde nu distruge aspectul.

Ești expert în ochi? Expert în culori? Expert în accesibilitate? Vă rugăm să nu ezitați să-mi oferiți orice îndrumare pentru a îmbunătăți acest articol!

Ce părere ai?

Acest site folosește Akismet pentru a reduce spamul. Aflați cum sunt procesate datele despre comentarii.