Tonos y matices de color — gratis y online

Elegiste un color bonito para tu diseño y ahora necesitas versiones más claras y más oscuras que sigan pareciendo de la misma familia. Ajustarlas a ojo es engorroso, y nunca sabes del todo si combinan. Añadimos una herramienta gratuita que lo hace por ti — Color Shades & Tints — directamente en tu navegador.

Qué hace

Introduce un color HEX base y obtienes una escala completa 50–900, del mismo tipo que ves en Tailwind: tonos claros que se acercan al blanco y tonos oscuros que se acercan al negro. Cada paso es una muestra de color, y al hacer clic en cualquiera copias su código HEX para pegarlo directamente en tu código o en tu programa de diseño.

Nada sale de tu dispositivo

Todo funciona dentro de tu navegador. Tu color nunca se sube, y nada se guarda en un servidor. Cuando cierras la pestaña, desaparece: no hay cuenta ni historial guardado en ninguna parte.

Cómo usarla

  1. Abre Color Shades & Tints y escribe o pega tu color HEX base.
  2. Revisa la escala 50–900 que genera, desde el tono más claro hasta el más oscuro.
  3. Haz clic en la muestra que quieras para copiar su HEX y pégalo donde lo necesites.

Es gratis y sin límite. Hay más herramientas pequeñas en la página de Apps.

Recibe los nuevos posts

Pronto podrás dejar tu email y recibir los nuevos posts — sin cuenta, sin spam.

El registro por email aún no está activo — por ahora no se recoge nada.