Mobile app version of vmapp.org
Login or Join
Martha945

: How to choose the right color shades/tints for branding? - Part 2 I sincerely apologise for the duplicate question. I'm not sure how to add to the discussion on the original, and I don't have

@Martha945

Posted in: #ColorReproduction #ColorTheory #GoogleMaterialDesign

I sincerely apologise for the duplicate question. I'm not sure how to add to the discussion on the original, and I don't have enough reputation to leave comments.

Here is the original question:
How to choose the right color shades/tints for branding?

The favourite answer says that tints and shades maintain the same hue value as the base colour. The problem is Material Design tints and shades don't do that, and I would take a guess that they are using the HSL model for their S/B levels:



There is quite a big difference and the Material Design colors have a much more pleasant range.

I want to gain a deeper understanding of just exactly the process they have to get these results? I presume they must have some kind of tooling to achieve the correct perceived color.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Martha945

1 Comments

Sorted by latest first Latest Oldest Best

 

@Jessie844

In my opinion, you should not use only the HUE to make a color gradient.

Take a look at this answer.

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

Some colors look dirty when they are graded to white or black, at least we perceive it like that.

In my opinion, this approach of making a gradient based only on arithmetical operations is wrong, or at least, not optimal.

In fact, you can read how they shifted the HUE making these compensations of hue.

Our eye perceives colors in a bit different way. For example, in this gradient you posted, our eyes perceive more the differences on the bright side than the dark one.

Take a look at this other question, where I put an example of this logarithmic perception: Highlights and Shadows with Equal Weight

Other related posts:
How can I make the color white look as white as possible?

And here is a practical example on how this gradients shifts make a object look better. Inkscape: realistic lighting and shading

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme