Al diseñar sitios web y aplicaciones, he notado que al mezclar colores con blanco, ciertos colores hacen que el blanco parezca más «verdoso» o «violeta». Esto sucede en un grado mucho mayor cuando se utilizan tintes de blanco.

Como diseñador, ¿cómo podemos entender cómo el blanco se ve influenciado por los colores con los que se contrasta?

Comentarios

  • No hay más blanco que blanco. pero puede agregar algunos pequeños colores o dar la sensación de más blanco » psicológico » puede agregar 3% a 5% Cyan. o puede representarlo en una composición de alto contraste (blanco – negro)
  • Quería decir que sí al principio. Porque hay toneladas de libros sobre eso. Pero entonces, si está pidiendo tal cosa para la pantalla, la respuesta es no. Por ejemplo, algunos teléfonos inteligentes tienen programado en ellos el ajuste de colores, por lo que con un brillo reducido (de la pantalla por usuario) el blanco todavía se percibe como blanco.
  • Punto de información: las sombras se crean al mezclarlo con el negro. Los tintes se crean mezclando con blanco. Los tonos se crean mezclando con gris.
  • @ SZCZERZOKŁY Di que sí. Tu primer instinto fue correcto. La percepción es independiente del tipo de visualización: copia impresa o impresa.

Responder

Me encanta esta pregunta . Aunque sonó extraño al principio.

Degradados

Esta primera parte la aprendí antes de la era digital, mezclando pintura real.

Si haces un degradado directamente desde su color base hasta el blanco, a veces puede tener un tono no deseado. Por ejemplo, de rojo a blanco pasa por un color rosa. (Flechas naranjas)

Debe cambiar ligeramente el color a una parte más clara de la rueda de colores. (Flechas verdes) para compensar.

ingrese la descripción de la imagen aquí

Aquí está la diferencia. Acabo de agregar un poco de amarillo en un parche en el medio del degradado.

ingrese la descripción de la imagen aquí

Lo mismo ocurre con los degradados más oscuros. Especialmente con el amarillo

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

La cantidad de » corrección » depende del proyecto.

Comentarios

  • Hola @Rafael, Si bien su respuesta es educativa y puede ayudar al OP a dominar los efectos de gradiente, ¿cómo responde esto a su pregunta? No ‘ mencionó nada sobre » degradados «, solo dijo mezclar colores que puede referirse a tener un recipiente verde con una imagen rosada sobre un cuerpo de color blanco …
  • Hola Alin. Cita: » Esto sucede en un grado mucho mayor cuando se usan tonos de blanco » Estoy considerando » diferentes tonos de blanco » como un degradado. Pero esto también se aplica a los cambios. Si desea que algo aparezca como » rojo claro «, puede agregar algo de amarillo.
  • Seguro, estoy de acuerdo pero la pregunta es cómo hacer que el blanco se vea … ¿más blanco? ¿Qué colores se ponen ‘ t restan visualmente la ‘ blancura ‘ del blanco para que parezca , bueno, menos blanco, incluso si el color está configurado en #FFF … Yo personalmente también estaba interesado en este tema, esa ‘ es la razón por la que ‘ estoy preguntando. Que tenga una buena noche.

Responda

¿Qué «La explicación le ocurre a todos los colores en realidad, pero podría ser más obvio en los blancos.

El color principal, especialmente si se usa en muchos tonos o matices diferentes, creará esa ilusión de que el resto del diseño también tiene un tinte. A veces esa ilusión cromática tiene algunos beneficios, por ejemplo en la decoración del hogar y la pintura.

No se puede controlar el reflejo del color dominante en los otros colores pero al menos puedes controlar esa ilusión cromática. Creo que la reflexión podría ser incluso peor en los móviles.


La única forma de equilibrar esto es teniendo colores más neutros como dominantes o utilizando colores que se «cancelan» entre sí. No es una tarea fácil, pero así es como muchos diseñadores hacen trampa para deshacerse de esa ilusión.

Si aún desea cancelar ese blanco rosado creado por un diseño rojo aplicación, por ejemplo, podría ne ed para usar un blanco que tenga un poco de azul o amarillo; al menos podrás elegir cómo quieres que sea el blanco.Debido a que el rojo a menudo se considera un color muy masculino, es posible que usted (o sus clientes) no aprecien ese blanco rosado, pero probablemente lo encontrarán mejor si es un azul grisáceo muy claro o amarillo, y de hecho lo hará mira blanco.

Puede usar estos blancos solo cuando estén rodeados por un área pesada del color dominante, y use un blanco normal en otras áreas donde el entorno sea más neutral. La diferencia será apenas visible.

ilusión cromática

Fuente y otra ilusión para ver:

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


Otro ejemplo:

ejemplo de ilusión óptica con colores

Fuente, vale la pena echarle un vistazo, mucho de ilusiones cromáticas:

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


Otro: solo 2 colores de pollos

ilusión cromática de pollo delicioso

Fuente:

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

Respuesta

Tiene que ver con colores complementarios. El color blanco adquirirá un tono opuesto al color adyacente. Ej: el amarillo y el azul son complementarios, por lo que el amarillo impondrá un tono azul sobre el color adyacente.

El efecto será más pronunciado cuando los colores adyacentes sean complementarios. Es por eso que ves un cambio de color aún mayor cuando el blanco tiene un tono.

Para compensar el efecto, puedes intentar agregar un color análogo al blanco.

Aquí está alguna referencia: http://www.webexhibits.org/colorart/contrast.html

Comentarios

  • Digamos que tengo un tono de blanco: rgb (254, 254, 250). Si quiero que se vea más puro » blanco » (es decir, rgb (255,255,255)), idealmente debería querer imponer un tono azul (‘ b ‘) mayor en el tono de blanco, por lo que se vuelve más cercano al blanco puro. Por lo tanto, debería mezclar mi tono de blanco con amarillo. ¿Estoy en lo cierto?

Respuesta

Como diseñador, ¿cómo podemos entender cómo el blanco se ve influenciado por los colores con los que se contrasta?

go-junta proporcionó hermosos ejemplos. Intentaré explicar qué es y cómo para obtener más información sobre el efecto general.

Este fenómeno de percepción se conoce como «Efecto de adyacencia». Busque el término para explorar el «Efecto del entorno».

Otro ejemplo es el Cornsweet Illusion, donde el efecto se usa para aumentar el contraste percibido entre dos tonos. Cornsweet Illusion

PhotoShop se aprovecha de esto con el filtro «Máscara de enfoque» para «enfocar» los bordes. En realidad, esto no agudiza los bordes, sino que los trata para que «parezcan» más nítidos con un mayor contraste local.

Regla genérica: para aumentar un efecto, colóquelo de manera que cree el máximo contraste. Para hacer que el blanco sea «más blanco», colóquelo junto a los tonos y tonos más oscuros.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *