Gerador de Tons do Tailwind
Transforme uma cor base em uma escala de tons 50–900 como no Tailwind CSS.
50
#f0f6fe
100
#e2ecfe
200
#bbd4fc
300
#8ab5f9
400
#5996f7
500
#2977f5
600
#0b5ee5
700
#094cb9
800
#073a8d
900
#052861
Escolha uma cor base e obtenha uma escala completa de tons de 50 a 900 pronta para usar na sua configuração do Tailwind. Cada amostra é copiável.
Como usar
- Escolha sua cor base
- Veja a escala de tons 50–900
- Copie o código hex de qualquer tom
Perguntas frequentes
- Como os tons são criados?
- Mantemos sua matiz e saturação e mapeamos cada passo para uma luminosidade-alvo.
- Qual passo corresponde à minha cor?
- A faixa de 500 a 600 é a mais próxima de uma cor base típica.