Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What does the number next to a color mean?

I'm reading this article about material design. In the list of colors, there is a number next to each color that seems to darken the color as its value goes up.

enter image description here

What does this number means, more precisely?

Edit: As all the answers are about the hex values, I'm adding this edit to clarify the question. My question is about the left hand side numbers like 700, 500, ... not the hex numbers (#3f51b5, ...)

Edit 2: In RGB model, each of the Red, Green or Blue can have a value in scale of 0 - 255. 0 means lack of the color and 255 means the color exists in full power. Is there a numerical meaning for the left hand side numbers? Can I calculate the '700' of a color, assuming '500' of it is #3F51B5? Or these numbers are just name for different shades of color in a palette?

like image 570
Ashkan Sarlak Avatar asked Aug 18 '15 11:08

Ashkan Sarlak


People also ask

What colour is number 7?

Understanding Hair Colour Charts 1 is black, 5 is light brown, 6 is dark blonde, 7 is blonde and 10 is the lightest blonde.

What colour is number 8?

Number 8 is governed by the Planet Saturn and should use the colour Dark Blue or Black for the luck.

What color is the number 5?

Grapheme-color synesthesia is believed to be the most common. Grapheme-color synesthetes perceive numbers and letters as colors: a five may be a blue number, while the number two is green.


1 Answers

Those values are the relative lightness/darkness or "tint" of the color, where 50 is lightest and 900 is darkest. The Material Design guidelines suggest using the 500 tint as your primary color and the 700 tint as the darker status bar color.

The Annn values are if you're using the color as your accent color.

See https://www.google.com/design/spec/style/color.html#color-ui-color-application

like image 117
Kiliman Avatar answered Oct 21 '22 05:10

Kiliman