AbraCalc

Gerador de Tons de Cor

Gere uma paleta de 5 matizes mais claros e 5 sombras mais escuras a partir de qualquer cor hex.

Por · Revisado por AbraCalc Methodology Review · 2 fontes

Incorporar esta ferramenta no seu site
Citar esta ferramenta

APA

AbraCalc. (2026). Gerador de Tons de Cor [Online calculator]. Retrieved from https://abracalc.com/pt/gerador-de-tons-de-cor/

BibTeX

@misc{abracalc-gerador-de-tons-de-cor, author = {AbraCalc}, title = {Gerador de Tons de Cor}, year = {2026}, howpublished = {\url{https://abracalc.com/pt/gerador-de-tons-de-cor/}} }

Esta ferramenta respondeu à sua pergunta?

Como usar esta ferramenta

  1. Informe sua cor hex base.
  2. Escolha o número de passos (1–10) em cada direção.
  3. A saída lista os matizes (mais claros), a base, depois as sombras (mais escuras).

Informe uma cor hex para gerar uma paleta completa de matizes mais claros e sombras mais escuras, útil para construir sistemas de design.

Fórmula

For each tint step i (1 to steps), mixing factor t = i / (steps + 1):
Rtint = R + (255 − R) × t (similarly for G, B)

For each shade step j (1 to steps), darkening factor s = j / (steps + 1):
Rshade = R × (1 − s) (similarly for G, B)

All channel values are clamped to 0–255 and rounded.

Perguntas frequentes

Qual é a diferença entre um matiz e uma sombra?
Um matiz é uma cor misturada com branco (mais clara); uma sombra é uma cor misturada com preto (mais escura). Um tom mistura com cinza.
Como os passos são calculados?
Cada passo interpola linearmente os canais RGB em direção ao branco (para matizes) ou ao preto (para sombras) por uma fração igual.

Referências e fontes