Por que os nosos ollos precisan esquemas complementarios de paletas de cores ... E onde podes facelos

Sabías que hai realmente unha ciencia biolóxica detrás de como dúas ou máis cores se complementan? Non son oftalmólogo nin optometrista, pero tentarei traducir aquí a ciencia para persoas sinxelas coma min. Comecemos pola cor en xeral.

As cores son frecuencias

Unha mazá é vermella... non? Ben, realmente non. A frecuencia de como a luz é reflectida e refractada na superficie dunha mazá faia detectable, convertida polos nosos ollos como sinais e enviada ao noso cerebro onde a identificamos como "vermello". Uf... iso dóeme a cabeza só de pensalo. Non obstante, é certo... a cor é simplemente unha frecuencia da luz. Aquí tes unha vista do espectro electromagnético e das frecuencias de cada cor:

É exactamente por iso que a luz branca apuntada a un prisma produce un arco da vella. O que realmente ocorre é que o cristal está a cambiar a frecuencia da lonxitude de onda a medida que a luz se refracta:

Os teus ollos son detectores de frecuencia

O seu ollo é realmente só un detector de frecuencia para o rango de frecuencias de cor no espectro electromagnético. A túa capacidade de detectar cores pasa por diferentes tipos de conos da parede do ollo que logo están conectados aos teus nervios ópticos. Algúns destes conos detectan cada rango de frecuencia e logo tradúceno nun sinal ao nervio óptico, enviado ao cerebro, onde se identifica.

Algunha vez notaches que podes observar durante moito tempo algo de alto contraste, mirar cara a outro lado e seguir vendo unha imaxe posterior que non coincide coas cores orixinais que estabas a ver? Digamos que é un cadrado azul nunha parede branca:

Despois dun tempo, as células do teu ollo que procesan a luz azul fatigaranse, facendo que o sinal que envían ao teu cerebro sexa un pouco máis débil. Dado que esa parte do espectro visual está lixeiramente suprimida, cando miras unha parede branca despois de mirar o cadrado azul, verás unha débil imaxe laranxa. O que está a ver é o espectro branco de luz da parede, menos un pouco de azul, que o seu cerebro procesa como laranxa.

Teoría da cor 101: facer que as cores complementarias funcionen para ti

Se esa fatiga non ocorreu, os nosos ollos e cerebros non teñen que esforzarse tanto para interpretar as múltiples lonxitudes de onda (por exemplo, cores) que están a ver.

Ruído visual contra harmonía

Imos facer unha analoxía entre son e cor. Se escoitasen diferentes frecuencias e volumes que non eran complementarios entre si, pensarías nel como ruído. Isto non é diferente da cor, onde o brillo, o contraste e a cor detectados poden ser visualmente ruidoso ou complementario. Dentro de calquera medio visual, queremos traballar cara á harmonía.

É por iso que non ves un extra no fondo dunha película que leva unha camisa vermella brillante. E é por iso que os decoradores de interiores traballan duro para atopar cores complementarias nas paredes, mobles, arte e outras características da sala que deseñan. A cor é fundamental para crear o estado de ánimo que recibe o visitante cando entra nel en función do doado que é para o seu cerebro interpretar as cores.

Súa paleta de cores é o equivalente a montar unha banda en fermosa harmonía. E do mesmo xeito que as voces e os instrumentos reunidos aliñan estreitamente o volume e a frecuencia ... tamén o fan as cores complementarias da súa paleta de cores. O deseño da paleta de cores é realmente unha forma de arte para os profesionais que axustaron a detección da cor, pero tamén é unha ciencia computacional porque as frecuencias complementarias pódense calcular.

Máis información sobre harmonías en breve ... volvamos á teoría da cor.

Cores RGB

Os píxeles dentro do espectro dixital son combinacións de vermello, verde e azul. Vermello = 0, verde = 0 e azul = 0 amósase como branco e vermello = 255, verde = 255 e azul = 255 vese como negro. Todo no medio é unha cor diferente composta polos tres. O básico de computar unha cor complementaria é bastante sinxelo ... só resta os valores RGB de 255 para o novo valor RGB. Aquí tes un exemplo:

A diferenza desta frecuencia de luz entre o laranxa e o azul está bastante afastada para contrastar, pero non tan difícil de interpretar para os nosos ollos. As frecuencias de cor son complementarias e agradables para os nosos receptores.

Computar unha cor é doado ... computar 3 ou máis cores complementarias require que calcules cantidades equivalentes entre cada unha das opcións. Por iso xeradores de esquemas de paleta de cores ven moi ben! Con moi poucos cálculos necesarios, estas ferramentas poden proporcionarche varias cores que se complementan.

A roda da cor

Comprender a relación entre as cores visualízase mellor usando unha roda de cores. As cores están dispostas nun círculo en función da súa frecuencia relativa. A distancia radial é a saturación da cor e a posición acimutal no círculo é a tonalidade da cor.

Feito divertido: Sir Isaac Newton desenvolveu por primeira vez a roda das cores en 1665, unha base para os seus experimentos con prismas. Os seus experimentos levaron á teoría de que o vermello, o amarelo e o azul eran as cores primarias das que se derivan as demais cores. Nota lateral ... incluso aplicou "notas" musicais a cada cor.

Armame con Harmonía ...

Tipos de harmonías de cor

Coñécense as relacións entre e como se calculan cada conxunto de cores complementarias harmonías. Aquí tes un gran vídeo xeral:

As distintas características están asociadas a cada tipo:

• Analóxico - grupos de cores que están un ao lado do outro na roda de cores. 
• Monocromático - grupos derivados dunha soa tonalidade base e estendidos empregando os seus tons, tons e matices.
• Tríade - grupos de cores que están uniformemente espaciados arredor do cor roda
• Complementario - grupos de cores que están opostos na roda de cores.
• División complementaria - unha variación do complementario onde se usan dúas cores adxacentes ao complemento.
• Rectángulo (Tetradic) - usa catro cores dispostas en dous pares complementarios
• Praza - semellante ao rectángulo, pero coas catro cores espaciadas uniformemente arredor do círculo de cores
• Composto - a cor e as dúas cores adxacentes á súa cor complementaria
• Sombras - axuste do matiz (aumento da claridade) ou da sombra (escuridade) para a cor primaria.

Non son temas subxectivos, son cálculos matemáticos reais con bos nomes aplicados que nos axudan a comprender mellor os cálculos.

Xeradores de esquemas de paleta de cores

Usando un xerador de esquemas de paletas de cores, podes obter fermosas combinacións de cores complementarias coma esta:

A miúdo uso xeradores de esquemas de paletas de cores cando estou a traballar en sitios de clientes. Como non son un experto en cores, estas ferramentas axúdanme a seleccionar mellor cousas como fondos, bordos, pés de páxina, cores de botóns primarios e secundarios. O resultado é un sitio web que resulta moito máis agradable á vista. É unha estratexia sutil e incriblemente poderosa para aplicar ao deseño de calquera cousa, desde unha publicidade ata un sitio web enteiro.

Aquí tes algúns xeniais xeradores de esquemas de paletas de cores en liña:

• Adobe - unha fantástica ferramenta con ata 5 cores onde podes probar diferentes tipos, facer axustes e incluso gardar o teu tema en calquera produto de Adobe.
• MarcaColors - a maior colección de códigos de cores oficiais da marca.
• Canva - Carga unha foto e usaraa como base para a túa paleta.
• Colla - xera unha paleta de cores consistente na web con só uns poucos clics. 
• Deseñador de cores - Só tes que escoller unha cor ou usar as cores preseleccionadas e a aplicación fai o resto. 
• Caza da cor - plataforma gratuíta e aberta para inspirarse na cor con miles de paletas de cores escollidas a man
• Colorkuler - xera unha paleta de cores para que Instagram sexa máis agradable esteticamente.
• Tempestade - un xerador de esquemas de cores que utiliza a aprendizaxe profunda. Pode aprender estilos de cor a partir de fotografías, películas e arte popular.
• Espazo de cores - Só tes que introducir dunha a tres cores e xerar algúns esquemas.
• Código de cores - Unha experiencia moi divertida en toda a pantalla para crear a túa paleta de cores cunha serie de estilos de harmonía á esquerda.
• CORES - unha comunidade creativa onde xente de todo o mundo crea e comparte cores, paletas e patróns, discute as últimas tendencias e explora artigos de cores.
• Enfriadores - crea a paleta perfecta ou inspírase en miles de fermosos esquemas de cores.
• Selector de cor de datos - Use o selector de paletas para crear unha serie de cores que sexan visualmente equidistante. 
• Khroma - usa a intelixencia artificial para aprender que cores che gustan e crea paletas para descubrir, buscar e gardar.
• material deseño - crea, comparte e aplica esquemas de cores para a túa interface de usuario. Incluso vén cunha exportación para a túa aplicación.
• Cores Muzli - engade un nome ou código de cor e produce unha fermosa paleta.
• Paletton - Elixe unha cor básica e inspírate.

Cor e accesibilidade

Ten en conta que, cando decides deseñar o teu seguinte esquema de paletas, hai unha cantidade significativa de persoas con deficiencias visuais e deficiencias de cor que precisan interactuar coas túas experiencias.

• Contraste - Cada cor independente ten un luminancia. As cores de superposicións e obxectos adxacentes deben ter unha relación de luminancia relativa de 4.5: 1 para que as persoas con discapacidade visual poidan distinguilos. Non me pasaría o problema de intentar calcular ti as razóns, podes probar as túas razóns de dúas cores Contrast Ratio, ou Colorsafe.
• Iconografía - Resaltar un campo en vermello non axuda a alguén que ten unha deficiencia de cor. Asegúrate de aplicar algún tipo de mensaxe ou icona para que saiban que tamén hai un problema.
• foco – Moita xente navega con teclados ou lectores de pantalla. Asegúrate de que a túa interface de usuario estea deseñada correctamente con todas as etiquetas de accesibilidade para que poidan aproveitar o teu sitio. Para as persoas con discapacidade visual, é fundamental o uso de espazos en branco e a posibilidade de aumentar ou diminuír o tamaño das fontes onde non destrúe o deseño.

Es experto en ollos? Experto en cores? Experto en accesibilidade? Non dubide en proporcionarme calquera guía para mellorar este artigo.

Divulgación: estou a usar ligazóns de afiliados neste artigo.