Olá, Bruno! Como está?
Dentro do contexto de Material Design, os valores mencionados (de 50 a 900) referem-se às variações de cores utilizadas para criar uma escala de cores consistentes e harmoniosas, sendo que esses valores não estão diretamente relacionados a uma escala de branco a preto, mas sim a diferentes tonalidades de uma cor específica.
Os números representam os valores das cores no sistema HSL (Matiz, Saturação, Luminosidade), em que:
Matiz (Hue) se refere à cor pura, como vermelho, verde, azul, etc.
Saturação (Saturation) se refere à intensidade da cor, indo de 0% (tons de cinza) a 100% (cor completa).
Luminosidade (Luminance) se refere ao brilho da cor, indo de 0% (preto) a 100% (branco).
No Material Design, os valores entre 50 e 900 são usados para criar variações tonais da cor base em um design, de modo que se mantenha uma coerência visual e legibilidade. Por exemplo, se você estiver usando uma cor base de azul, poderia usar diferentes tonalidades dessa cor (digamos, azul 50, azul 100, azul 200, e assim por diante) para criar hierarquia visual e diferentes estados de elementos em seu design, como botões, texto destacado, etc.
Portanto, esses números não representam branco a preto ou ausência de luz, mas sim a escala de variações de uma cor específica em termos de sua intensidade e brilho, dentro do sistema de cores HSL.
Espero ter te auxiliado e, caso tenha alguma pergunta ou dúvida, estou aqui!!
Abraços e até mais!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
