AbraCalc

Generador de Tonos de Color

Genera una paleta de 5 matices más claros y 5 sombras más oscuras a partir de cualquier color hex.

Por · Revisado por AbraCalc Methodology Review · 2 fuentes

Insertar esta herramienta en tu sitio
Citar esta herramienta

APA

AbraCalc. (2026). Generador de Tonos de Color [Online calculator]. Retrieved from https://abracalc.com/es/generador-de-tonos-de-color/

BibTeX

@misc{abracalc-generador-de-tonos-de-color, author = {AbraCalc}, title = {Generador de Tonos de Color}, year = {2026}, howpublished = {\url{https://abracalc.com/es/generador-de-tonos-de-color/}} }

¿Esta herramienta respondió tu pregunta?

Cómo usar esta herramienta

  1. Ingresa tu color hex base.
  2. Elige el número de pasos (1–10) en cada dirección.
  3. El resultado lista los matices (más claros), el color base, y luego las sombras (más oscuras).

Ingresa un color hex para generar una paleta completa de matices más claros y sombras más oscuras, útil para construir sistemas de diseño.

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.

Preguntas frecuentes

¿Cuál es la diferencia entre un matiz y una sombra?
Un matiz (tint) es un color mezclado con blanco (más claro); una sombra (shade) es un color mezclado con negro (más oscuro). Un tono (tone) se mezcla con gris.
¿Cómo se calculan los pasos?
Cada paso interpola linealmente los canales RGB hacia el blanco (para matices) o el negro (para sombras) en una fracción igual.

Referencias y fuentes