Pegue num azul puro e adicione preto. O resultado é uma sombra. Não uma matiz, que usa branco. Não um tom, que usa cinzento. Sombra significa especificamente uma cor escurecida pela mistura de pigmento preto ou pela redução da luminância num espaço de cor digital.

O termo é utilizado de forma imprecisa na linguagem quotidiana, onde qualquer variação de uma cor pode ser chamada de matiz. Na teoria da cor, a distinção é importante. Um tom de vermelho é cor-de-rosa. Uma matiz de vermelho é o bordeaux. Um tom de vermelho fica algures no meio, suave e acinzentado. Os artistas misturam matizes numa paleta. Os designers digitais ajustam o valor de luminosidade em HSL ou multiplicam os valores RGB para baixo.

Tons em trabalhos de design

• Crie profundidade escurecendo as margens ou as sombras.
• Crie estados de foco e ativo para os botões.
• Estabelecer hierarquia numa paleta monocromática
• Sugere peso, estabilidade ou seriedade.

Os tons de cor aparecem em todo o lado no design de interfaces. Um botão que escurece ao passar o cursor utiliza um tom da sua cor base. O mesmo acontece com um cartão que projeta uma sombra. O segredo é a consistência. Escolha uma cor base e gere uma família de tons a partir da mesma, reutilizando essa família em todo o sistema. Escurecimentos aleatórios produzem cores turvas e incoerentes. Os sombreados deliberados constroem uma linguagem visual.