Como posso fazer com que a cor branca fique o mais branca possível?

7

Ao projetar sites e aplicativos, notei que, ao misturar cores com branco, certas cores fazem o branco parecer mais "esverdeado" ou "roxo-ish". Isso acontece em um grau muito maior ao usar tons de branco.

Como designer, como podemos entender como o branco é influenciado pelas cores com que é contrastado?

color color-theory white

— blurgoon
fonte

11

Não há mais branco que branco. mas você pode adicionar algumas pequenas cores para dar a sensação de mais branco "psicológico", você pode adicionar 3% a 5% de ciano. ou você pode representá-lo em uma composição de alto contraste (Branco - Preto)

— hsawires

Eu queria dizer que sim a princípio. Porque existem muitos livros sobre isso. Mas se você está pedindo uma tela dessas, então a resposta é não. Por exemplo, alguns smartphones programaram neles ajustando cores, portanto, com brilho reduzido (da tela pelo usuário), o branco ainda é percebido como branco.

— SZCZERZO KŁY

Ponto de Informação: As máscaras são criadas misturando-se com o preto. Os matizes são criados misturando-se com o branco. Os tons são criados misturando-se com o cinza.

— Stan

@ SZCZERZOKŁY Diga sim. Seu primeiro instinto estava correto. A percepção é independente do tipo de exibição - cópia impressa ou eletrônica.

— Stan

6

Eu amo essa pergunta. Embora parecesse estranho no começo.

Gradientes

Nesta primeira parte, eu o aprendi antes da era digital, misturando tinta de verdade.

Se você fizer um gradiente diretamente da cor de base para o branco, às vezes poderá ter um tom indesejável. Por exemplo, vermelho a branco passa por uma cor rosa. (Setas laranja)

Você precisa transformar levemente a cor em uma parte mais clara da roda de cores. (Setas verdes) para compensar.

Aqui está a diferença. Acabei de adicionar um pouco de amarelo em um adesivo no meio do gradiente.

O mesmo vale para os gradientes mais escuros. Especialmente com o amarelo

A quantidade de "correção" depende do projeto.

— Rafael
fonte

3

Olá, @Rafael, enquanto sua resposta é educacional e pode ajudar o OP a dominar os efeitos de gradiente, como isso responde à pergunta dele? Ele não mencionou nada sobre "gradientes", ele disse apenas mistura de cores que pode reffer a ter um recipiente verde com uma imagem rosa em uma cor de corpo branco ...

— Alin

Olá Alin. Citação: "Isso acontece em um grau muito maior ao usar tons de branco". Considero "diferentes tons de branco" como um gradiente. Mas isso também se aplica a swaches. Se você quiser que algo apareça como "vermelho claro", você pode adicionar um pouco de amarelo.

— Rafael

2

Claro, concordo, mas a questão é como fazer o branco parecer ... mais branco? Que cores não subtraem visualmente a 'brancura' do branco para que apareça, bem, menos branco, mesmo que a cor esteja definida como #FFF ... Eu também estava pessoalmente interessado neste tópico, é por isso que estou perguntando . Tenha uma boa noite.

— Alin

3

O que você está explicando acontece com todas as cores, na verdade, mas pode ser mais óbvio nos brancos.

A cor principal, especialmente se usada em muitos tons ou tons diferentes, criará a ilusão de que o restante do layout também possui uma tonalidade. Às vezes, essa ilusão cromática tem alguns benefícios, por exemplo, em decoração e pintura.

Você não pode controlar o reflexo da cor dominante nas outras cores, mas pode pelo menos controlar essa ilusão cromática. Eu acho que a reflexão pode ser ainda pior nos celulares.

A única maneira de equilibrar isso é tendo cores mais neutras como dominantes ou usando cores que "cancelam" uma à outra. Não é uma tarefa fácil, mas é assim que muitos designers trapaceiam para se livrar dessa ilusão.

Se você ainda deseja cancelar o branco rosado criado por um aplicativo de layout vermelho, por exemplo, pode ser necessário usar um branco com um pouco de azul ou amarelo; pelo menos, você poderá escolher como deseja que o branco seja. Como o vermelho é geralmente considerado como uma cor muito masculina, você (ou seus clientes) pode não apreciar esse branco rosa de fato, mas provavelmente o achará melhor se for um cinza-azul ou amarelo muito claro e, na verdade, ainda parecerá branco.

Você pode usar esses brancos somente quando eles estiverem cercados por uma área pesada da cor dominante e usar um branco normal em outras áreas onde o ambiente é mais neutro. A diferença será pouco visível.

Fonte e outra ilusão para ver:

http://www.psy.ritsumei.ac.jp/~akitaoka/color12e.html

Outro exemplo:

Fonte, vale a pena dar uma olhada, muitas ilusões cromáticas:

http://www.slideshare.net/viorea4u/aiykioshi-kitaoka-optical-illusions

Outro: apenas 2 cores de galinhas

Fonte:

http://puzzlewocky.com/optical-illusions/color-illusions/chicken-coop-illusion/

— go-junta
fonte

3

Tem a ver com cores complementares. A cor branca adquirirá uma tonalidade oposta à cor adjacente. Ex: amarelo e azul são complementares, portanto o amarelo imporá uma tonalidade azul à cor adjacente.

O efeito será mais pronunciado quando as cores adjacentes forem complementares. É por isso que você vê uma mudança de cor ainda maior quando o branco está sombreado.

Para compensar o efeito, você pode tentar adicionar uma cor análoga ao branco.

Aqui está uma referência: http://www.webexhibits.org/colorart/contrast.html

— Ricardo Durski
fonte

Digamos que eu tenho um tom de branco: rgb (254, 254, 250). Se eu quiser torná-lo mais "branco" puro (ou seja, rgb (255.255.255)), idealmente, desejo impor um tom de azul maior ('b') no tom de branco, para que fique mais próximo do branco puro. Assim, eu deveria estar misturando meu tom de branco com amarelo. Estou correcto?

— blurgoon

0

Como designer, como podemos entender como o branco é influenciado pelas cores com que é contrastado?

go-junta forneceu belos exemplos. Vou tentar explicar o que é e como descobrir mais sobre o efeito geral.

Esse fenômeno da percepção é chamado de "Efeito da Adjacência". Pesquise o termo para explorar o "Efeito do ambiente".

Outro exemplo é a Ilusão de Cornsweet, na qual o efeito é usado para aumentar o contraste percebido entre dois tons. Ilusão de Cornsweet

O PhotoShop aproveita isso com o filtro "Unsharp Masking" para "afiar" as bordas. Na verdade, isso não afia as bordas, mas trata as bordas de modo a "parecer" mais nítidas com maior contraste local.

Regra genérica: para aumentar um efeito, coloque-o para criar o máximo contraste. Para tornar o branco "mais branco", coloque-o próximo a tons e tons mais escuros.

— Stan
fonte