¿Qué es Paleta Monocromática?

Elige un color base y genera tonos oscuros y claros a partir de él. Define el número de pasos y exporta como variables CSS, configuración de Tailwind, o copia valores hex/RGB individuales.

Cómo usar

1. Elige un color base con el selector de color o introduce directamente un código hexadecimal.
2. Ajusta el número de tonos y aclaraciones (pasos) y establece el rango de oscuridad/luminosidad.
3. Copia valores de color individuales o exporta toda la paleta como propiedades personalizadas CSS, un objeto de configuración de Tailwind o una muestra de imagen.

Resultado

Estás creando un panel de control y necesitas una paleta azul para la visualización de datos. Eliges #3B82F6 como base, generas 9 pasos desde casi blanco (#EBF2FE) hasta casi negro (#1A2744). Exportas como variables CSS y usas --color-blue-100 hasta --color-blue-900 en todos tus gráficos.

Herramientas relacionadas