Toolvist

Generador de paletas Tailwind

Crea una escala de color de Tailwind CSS desde un color base, lista para pegar en tu configuración.

Base (500)

#2563EB

Tonos

11

Estado

Haz clic en cualquier muestra para copiar su código hex.

Tailwind scale

Generador de paleta de colores Tailwind

Convierte cualquier color base en una escala de colores Tailwind CSS completa. Obtienes el conjunto completo de tonos del 50 al 950 con el fragmento de configuración exacto listo para pegar en tailwind.config.js.

Cómo usarlo

Escribe un color hex o elige uno con el selector. La escala se construye al instante. Copia el fragmento de configuración y pégalo bajo theme.extend.colors.

  • Escala completa de tonos del 50 al 950
  • Fragmento de tailwind.config listo para pegar
  • Salida de un solo color y de tema completo
  • Haz clic en cualquier muestra para copiar su hex
  • Se ejecuta enteramente en tu navegador

Herramientas de imagen y color relacionadas

Ver todo en Herramientas de imagen y color →

También te puede interesar

Herramientas de otras categorías que suelen combinarse con Paleta Tailwind:

Explorar el directorio completo →