Toolipedia
ES
← Todas las herramientas de texto

Generador de paleta de colores de Tailwind

Crea una escala de colores de Tailwind CSS de 50 a 950 a partir del color de tu marca, para v3 o v4.

  • Gratis
  • Sin registro
  • Funciona en cualquier dispositivo

Acerca de Generador de paleta de colores de Tailwind

Introduce el color de tu marca y obtén una escala completa de 50 a 950 en el formato que usa Tailwind, lista para el archivo de configuración en v3 o las variables de tema en v4. Los pasos claros sirven para fondos, el 500 es aproximadamente tu color base, y los pasos más oscuros funcionan para texto y modo oscuro.

Cómo usar Generador de paleta de colores de Tailwind

  1. Configura las opciones de arriba. El resultado se actualiza en directo.
  2. Cambia lo que quieras hasta que quede perfecto.
  3. Copia el resultado o descárgalo.

¿Por qué usar esta herramienta?

También conocida como

Preguntas frecuentes

¿Dónde pego los colores de Tailwind generados?

En v3, añádelos en theme.extend.colors dentro de tailwind.config.js. En v4, pega las variables en el bloque @theme de tu archivo CSS.

¿Es gratis Generador de paleta de colores de Tailwind?

Sí. Generador de paleta de colores de Tailwind de Toolipedia es de uso gratuito, sin registro y sin marca de agua.

¿Es seguro usarlo?

Sí. Todo se calcula en tu navegador y nada de lo que introduces se envía a nuestro servidor.

¿Funciona en mi teléfono?

Sí. Funciona en cualquier navegador moderno en Android y iPhone, y también en tabletas y computadoras. No hay que instalar nada.

¿Necesito una cuenta?

No. Solo abre la página y usa la herramienta. No hace falta registrarse ni dar un correo electrónico.

Herramientas relacionadas