Tons de cor
Gere os tons claros e escuros de uma cor, códigos copiáveis.
- Instantânea
- Grátis
- Privada (processada localmente)
- Sem registo
Uma paleta monocromática num instante
Introduza uma cor e obtenha os seus tons claros e escuros numa escala regular. Clique numa amostra para copiar o seu código HEX.
-
Escolha a cor
Com o seletor ou em HEX.
-
Leia a escala
Do mais claro ao mais escuro.
-
Copie os códigos
Um clique numa amostra.
De que é feita a escala
| Tipo | Mistura | Efeito |
|---|---|---|
| Tons claros | com branco | mais claro |
| Base | #7C3AED | cor original |
| Tons escuros | com preto | mais escuro |
Escala de 11 passos (5 claros + base + 5 escuros). Cálculo RGB simples, tudo local. A cor base está emoldurada.
Perguntas frequentes
Qual a diferença entre tom claro e escuro?
Um tom claro (tint) é a cor misturada com branco: fica mais clara. Um tom escuro (shade) é a cor misturada com preto: fica mais escura. Juntos formam uma escala monocromática.
Como são calculados os valores?
Para clarear, cada canal RGB aproxima-se de 255 (branco); para escurecer, de 0 (preto), por uma percentagem. É simples e previsível, ideal para passos regulares.
Para que serve esta escala?
Para criar as variantes de uma cor de marca num design system: hovers, estados desativados, fundos, bordas. Manter um único tom base garante coerência visual.
Posso obter os códigos?
Sim: cada amostra mostra o seu código HEX e copia-se num clique. Também pode introduzir um valor HEX diretamente ou usar o seletor de cor.