¿Qué es el generador de paletas de colores?
El generador de paletas de colores crea paletas aleatorias de 5 colores que puedes usar en proyectos de diseño web, diseño gráfico, ilustración y branding. Cada muestra muestra sus valores hex, RGB y HSL, y puedes bloquear colores individuales mientras regeneras el resto.
La herramienta funciona por completo en tu navegador, sin registro ni cuenta. Las paletas pueden exportarse como propiedades personalizadas de CSS, valores de configuración de Tailwind o una lista simple de valores hex, listas para pegar directamente en tu proyecto.
Cómo generar una paleta de colores
Crear una paleta es rápido e intuitivo:
- Haz clic en Generar o pulsa la barra espaciadora para crear una nueva paleta aleatoria de 5 colores.
- Haz clic en cualquier muestra de color para copiar su código hexadecimal al portapapeles.
- Pasa el cursor sobre una muestra y haz clic en el icono de candado para mantener ese color fijo.
- Pulsa la barra espaciadora de nuevo: solo cambiarán los colores desbloqueados, lo que te permite construir alrededor de tus colores favoritos.
- Usa la sección Exportar para copiar la paleta en tu formato preferido.
Formatos de exportación
La herramienta admite tres formatos de exportación para integrarse fácilmente en tu flujo de trabajo:
- Variables CSS — Genera un bloque :root con propiedades personalizadas que puedes añadir a cualquier hoja de estilos.
- Tailwind — Produce un objeto de colores listo para tu archivo tailwind.config.js.
- Lista Hex — Una simple lista de valores hex separados por saltos de línea, útil para herramientas de diseño y documentación.
Consejos para crear grandes paletas
- Bloquea uno o dos colores que coincidan con tu marca y genera para encontrar acentos complementarios.
- Fíjate en los valores de luminosidad HSL para asegurar un buen contraste entre los colores de tu texto y el fondo.
- Para diseños accesibles, combina colores con una relación de contraste de al menos 4,5:1 para el texto.
- Genera varias paletas y haz capturas de pantalla de tus favoritas para compararlas antes de decidirte.
Casos de uso habituales
- Encontrar esquemas de colores para sitios web, aplicaciones y landing pages.
- Crear paletas de colores de marca para logos y materiales de marketing.
- Explorar combinaciones de colores para ilustraciones y arte digital.
- Generar paletas temáticas para presentaciones y diapositivas.
- Prototipado rápido con valores de CSS o Tailwind listos para usar.