Genere una escala completa de matices (50 a 950) desde cualquier color. Estilo Tailwind CSS, perceptualmente equilibrada. Exportar como CSS variables, Tailwind, SCSS o JSON.
| HEX | RGB | HSL |
|---|
La escala usa interpolación HSL perceptual. La herramienta crea 11 pasos variando la luminosidad de forma no lineal y ajustando ligeramente la saturación. Compatible con las convenciones Tailwind CSS (50, 100…950).
Importa las CSS variables o la config de Tailwind a tu proyecto. El tono 500 corresponde a tu color principal, 50-200 para fondos y estados hover, 600-900 para textos y estados activos. Convención seguida por Tailwind, Material Design y la mayoría de los design systems modernos.