How can I make the color white look as white as possible?


Question

In designing websites and applications, I have noticed that when mixing colors with white, certain colors make white look more "greenish" or "purple-ish". This happens to a much greater degree when using tints of white.

As a designer, how can we understand how white is influenced by the colours it is contrasted with?

1
7
8/13/2017 2:29:00 PM

I love this question. Although it sounded wierd at first.

Gradients

This first part I learned it prior to the digital age, mixing actual paint.

If you make a gradient straight from your base color to white you can sometimes have an undesirebled hue. For example Red to white pass trhu a pink color. (Orange arrows)

You need to slightly turn the color to a lighter part of the color wheel. (Green arrows) to compensate.

enter image description here

Here is the diference. I just added a little yellow on a patch in the midle of the gradient.

enter image description here

The same is true to the darker gradients. Specially with the yellow

enter image description here

enter image description here

The ammount of "correction" depends on the project.

6
4/10/2017 5:17:00 AM

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow
^