Para que serve uma escala 50–950?
Ela oferece variações coerentes de uma cor para fundos, bordas, estados de hover e texto sem escolher cada tom à mão. Mantém o matiz e muda a luminosidade passo a passo.
Como usar
- Clique em uma cor da paleta para usá-la como base.
- Confira a escala: 50 a 200 servem para fundos, 500 e 600 para ações e 800 a 950 para texto.
- Copie as variáveis CSS ou clique em um tom para copiar o HEX.
Perguntas frequentes
O tom 500 é a minha cor original?
É o passo central e fica perto da sua cor, mas é recalculado com luminosidade fixa para que todas as escalas sejam coerentes. Se precisar do HEX exato, use-o como está junto da escala.
Como uso a escala no Tailwind?
Cole os valores em theme.extend.colors com as chaves 50 a 950. Depois use classes como bg-marca-100 ou text-marca-900.