Generador de matices y tonos

Genera versiones más oscuras y más claras de cualquier color. Perfecto para crear escalas de color consistentes.

HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)

Color Palette

Preguntas frecuentes

¿Cuál es la diferencia entre sombras y tintes?

Las sombras (shades) se crean mezclando un color con negro (haciéndolo más oscuro). Los tintes (tints) se crean mezclando con blanco (haciéndolo más claro).

¿Cuántos pasos debo usar?

10 pasos es estándar para sistemas de diseño como Tailwind CSS. Usa menos para paletas simples o más para control detallado.