Tecnologia publicitàriaContent MàrquetingEines de màrquetingFormació en vendes i màrqueting

Per què els nostres ulls necessiten esquemes de paleta de colors complementaris ... I on podeu fer-los

Sabíeu que hi ha una ciència biològica darrere de com dos o més colors es complementen? No sóc oftalmòleg ni optometrista, però intentaré traduir la ciència aquí per a gent senzilla com jo. Comencem pel color en general.

Els colors són freqüències

Una poma és vermella... oi? Bé, realment no. La freqüència de com la llum es reflecteix i es refracta a la superfície d'una poma la fa detectable, convertida pels nostres ulls com a senyals i enviada al nostre cervell on l'identifiquem com a "vermell". Uf... això em fa mal el cap només de pensar-hi. Però és cert... el color és simplement una freqüència de llum. Aquí teniu una vista de l'espectre electromagnètic i les freqüències de cada color:

El color i l’espectre electromagnètic

És precisament per això que la llum blanca apuntada cap a un prisma produeix un arc de Sant Martí. El que passa realment és que el cristall canvia la freqüència de la longitud d'ona a mesura que la llum es refracta:

prisma
El prisma de cristall dispersa la llum blanca en molts colors.

Els teus ulls són detectors de freqüència

El vostre ull és realment només un detector de freqüència per a la gamma de freqüències de color de l’espectre electromagnètic. La vostra capacitat de detectar colors passa per diferents tipus de cons de la paret de l’ull que després es connecten als nervis òptics. Alguns d’aquests cons detecten cada rang de freqüència i es tradueixen en un senyal al nervi òptic que s’envia al cervell, on s’identifica.

Alguna vegada t’has adonat que pots mirar durant molt de temps alguna cosa de contrast realment alt, mirar cap a un altre costat i continuar veient una imatge posterior que no coincideix amb els colors originals que miraves? Diguem que és un quadrat blau sobre una paret blanca:

Al cap d’un temps, les cèl·lules de l’ull que processen la llum blava es fatigaran, cosa que farà que el senyal que envien al cervell sigui lleugerament més feble. Com que aquesta part de l’espectre visual està lleugerament suprimida, quan mireu una paret blanca després de fixar-vos en el quadrat blau, veureu una feble imatge posterior taronja. El que veieu és l’espectre blanc de llum de la paret, menys una mica de blau, que el cervell processa com a taronja.

Teoria del color 101: fer que els colors complementaris us funcionin

Si aquesta fatiga no es produís, els nostres ulls i cervells no haurien de treballar tant per interpretar les múltiples longituds d'ona (per exemple, els colors) que estan veient.

Soroll visual contra harmonia

Fem una analogia entre so i color. Si escoltés diferents freqüències i volums que no fossin complementaris entre si, ho pensaria així soroll. Això no és diferent al color, on la brillantor, el contrast i el color detectats poden ser visualment sorollós o complementari. Dins de qualsevol mitjà visual, volem treballar cap a l'harmonia.

És per això que no veieu cap extra al fons d’una pel·lícula que porti una camisa vermella brillant. I és per això que els decoradors d’interiors treballen intensament per trobar colors complementaris a les parets, els mobles, l’art i altres característiques de la sala que estan dissenyant. El color és fonamental per crear l’estat d’ànim que té el visitant quan hi entra, segons el fàcil que el seu cervell pugui interpretar els colors.

La seva paleta de colors és l’equivalent a muntar una banda amb una harmonia preciosa. I de la mateixa manera que les veus i els instruments reunits s’alineen estretament en volum i freqüència ... també ho fan els colors complementaris de la vostra paleta de colors. El disseny de la paleta de colors és realment una forma d’art per als professionals que han afinat la detecció del color, però també és una ciència computacional, ja que es poden calcular les freqüències complementàries.

Aviat més informació sobre harmonies ... tornem a la teoria del color.

Colors RGB

Els píxels de l’espectre digital són combinacions de vermell, verd i blau. El vermell = 0, el verd = 0 i el blau = 0 es mostren com color blanc i vermell = 255, verd = 255 i blau = 255 es veu com negre. Tot el que hi ha al mig és d’un color diferent compost pels tres. Els conceptes bàsics de computar un color complementari són bastant simples ... només cal restar els valors RGB de 255 per al nou valor RGB. Aquí teniu un exemple:

La diferència d’aquesta freqüència de llum entre el taronja i el blau està prou separada per contrastar, però no tan lluny com per als nostres ulls és difícil d’interpretar. Les freqüències de color són complementàries i agradables per als nostres receptors.

Computar un color és fàcil ... per computar 3 o més colors complementaris cal que calculeu quantitats equivalents entre cadascuna de les opcions. Aixo es perqué generadors d'esquemes de paleta de colors vingui-ho molt bé! Amb molt pocs càlculs necessaris, aquestes eines us poden proporcionar diversos colors que es complementen.

La roda de colors

Entendre la relació entre colors es visualitza millor amb una roda de colors. Els colors estan disposats en cercle en funció de la seva freqüència relativa. La distància radial és la saturació del color i la posició azimutal sobre el cercle és la tonalitat del color.

La roda de colors

Fet divertit: Sir Isaac Newton va desenvolupar la Color Wheel per primera vegada el 1665, una base per als seus experiments amb prismes. Els seus experiments van conduir a la teoria que el vermell, el groc i el blau eren els colors primaris dels quals es deriven tots els altres colors. Nota lateral ... fins i tot va aplicar "notes" musicals a cada color.

Arma'm amb Harmony ...

cercle de colors de Newton

Tipus d’harmonies de colors

Es coneixen les relacions entre i com es calculen cada conjunt de colors complementaris harmonies. Aquí teniu un gran vídeo general:

S’associen diferents característiques a cada tipus:

  • Analògic - grups de colors que estan al costat de la roda de colors. 
  • Monocromàtic - grups derivats d’un sol matís base i ampliats amb els seus tons, tons i tons.
  • Tríada - grups de colors que estan uniformement espaiats al voltant del color roda
  • Complementària - grups de colors que es troben oposats a la roda de colors.
  • Divisió complementària - una variació de complementari on es fan servir dos colors adjacents al complement.
  • Rectangle (tetràdic) - utilitza quatre colors disposats en dos parells complementaris
  • Quadrat - similar al rectangle, però amb els quatre colors espaiats uniformement al voltant del cercle de colors
  • Compost - el color i els dos colors adjacents al seu color complementari
  • ombres - ajust del tint (augment de la claredat) o ombra (foscor) per al color primari.

No són temes subjectius, són càlculs matemàtics reals amb bons noms aplicats que ens ajuden a entendre millor els càlculs.

Generadors d’esquemes de paletes de colors

Mitjançant un generador d’esquemes de paletes de colors, podeu obtenir combinacions de colors belles i complementàries com aquesta:

Sovint faig servir generadors d’esquemes de paletes de colors quan treballo en llocs de clients. Com que no sóc expert en colors, aquestes eines m’ajuden a seleccionar millor coses com ara fons, vores, fons de peu de pàgina, colors de botons primaris i secundaris. El resultat és un lloc web molt més agradable a la vista. És una estratègia subtil i increïblement poderosa per aplicar al disseny de qualsevol cosa, des d’una publicitat fins a un lloc web sencer.

A continuació, es mostren alguns generadors d’esquemes de paletes de colors en línia:

  • Adobe - Una eina fantàstica amb fins a 5 colors on podeu provar diferents tipus, fer ajustaments i fins i tot desar el tema en qualsevol producte Adobe.
  • BrandColors - la col·lecció més gran de codis de colors oficials de la marca.
  • Canva - pengeu una foto i la faran servir com a fonament per a la vostra paleta.
  • Colllor - Genereu una paleta de colors web consistent amb uns pocs clics. 
  • Dissenyador de colors - Només cal que escolliu un color o que utilitzeu els colors preseleccionats i l'aplicació farà la resta. 
  • color Hunt - Plataforma oberta i gratuïta per inspirar el color amb milers de paletes de colors elegits a mà
  • Colorkuler - Genereu una paleta de colors per Instagram perquè sigui més estèticament agradable.
  • Colormind - Un generador d'esquemes de colors que utilitza l'aprenentatge profund. Pot aprendre estils de color a partir de fotografies, pel·lícules i art popular.
  • Espai de colors - Només cal introduir d'un a tres colors i generar alguns esquemes.
  • Codi de colors - Una experiència molt divertida a tota la pantalla per crear la vostra paleta de colors amb diversos estils d’harmonia a l’esquerra.
  • amants dels COLORS - una comunitat creativa on persones de tot el món creen i comparteixen colors, paletes i patrons, debaten sobre les últimes tendències i exploren articles de colors.
  • Refrigeradors - Creeu la paleta perfecta o inspireu-vos en milers de bonics esquemes de colors.
  • Selector de color de dades - Utilitzeu el selector de paletes per crear una sèrie de colors que siguin visualment equidistant
  • Khroma - utilitza la intel·ligència artificial per aprendre quins colors t'agraden i crea paletes per descobrir, cercar i desar.
  • Disseny de materials - Creeu, compartiu i apliqueu esquemes de colors per a la vostra interfície d’usuari. Fins i tot inclou una exportació per a la vostra aplicació.
  • Colors Muzli - Afegiu un nom o un codi de color i produïu una paleta preciosa.
  • Paletton - Trieu un color bàsic i inspireu-vos.

Color i accessibilitat

Tingueu en compte, quan decidiu dissenyar el vostre següent esquema de paletes, que hi ha una quantitat important de persones amb deficiències visuals i deficiències de color que necessiten interactuar amb les vostres experiències.

  • Contrast - Cada color independent té un luminància. Els colors de les superposicions i els objectes adjacents han de tenir una relació de lluminositat relativa de 4.5: 1 perquè les persones amb discapacitat visual puguin distingir-les. No passaria la molèstia d’intentar calcular les ràtios vosaltres mateixos, podeu provar-ne les relacions de dos colors Ràtio de contrast, o Color segur.
  • Iconografia - Ressaltar un camp en vermell no ajuda algú amb deficiència de color. Assegureu-vos d’aplicar algun tipus de missatge o icona per fer-los saber que també hi ha un problema.
  • Enfocar – Molta gent navega amb teclats o lectors de pantalla. Assegureu-vos que la vostra interfície d'usuari estigui dissenyada correctament amb totes les etiquetes d'accessibilitat perquè puguin aprofitar el vostre lloc. Per a les persones amb discapacitat visual, l'ús d'espais en blanc i la possibilitat d'augmentar o reduir la mida de la lletra quan no destrueixi el disseny és fonamental.

Ets expert en ulls? Expert en color? Expert en accessibilitat? Si us plau, no dubteu a proporcionar-me qualsevol guia per millorar aquest article.

Divulgació: en aquest article faig servir enllaços d’afiliació.

Douglas Karr

Douglas Karr és CMO de OpenINSIGHTS i el fundador de la Martech Zone. Douglas ha ajudat a desenes d'empreses d'èxit de MarTech, ha ajudat en la diligència deguda de més de 5 mil milions de dòlars en adquisicions i inversions de Martech i continua ajudant les empreses a implementar i automatitzar les seves estratègies de vendes i màrqueting. Douglas és un expert i conferenciant de MarTech en transformació digital reconegut internacionalment. Douglas també és autor publicat d'una guia de Dummie i d'un llibre sobre lideratge empresarial.

Articles Relacionats

Torna al botó superior
a prop

Adblock detectat

Martech Zone és capaç de proporcionar-vos aquest contingut sense cap cost perquè monetitzem el nostre lloc mitjançant ingressos publicitaris, enllaços d'afiliats i patrocinis. Agrairem que elimineu el bloquejador d'anuncis mentre visualitzeu el nostre lloc.