¿Cómo genero colores aleatorios bonitos (con un mood concreto)?
Generador de colores aleatorios con restricciones de "mood": 8 moods: pastel, vibrante, oscuro, apagado, cálido, frío, neutro, cualquiera.
Genera 4-16 colores a la vez, cada uno encajando con el mood elegido. Trabaja en OKLCH: los colores quedan perceptualmente equilibrados (no el random RGB turbio que sale de un Math.random() ingenuo).
Ideal para moodboards, exploración de marca e inspiración rápida.
Cómo usarlo
- Elige un mood arriba: cualquiera (cualquier cosa), pastel (claro, chroma bajo), vibrante (saturado), oscuro (apagado), apagado (tonificado, nostálgico), cálido (rojo-amarillo), frío (azul-cian), neutro (grises).
- Elige cuántos: 4, 6, 8, 12, 16.
- Pulsa "Regenerar": paleta aleatoria nueva con ese mood. Pulsa otra vez hasta que te encaje.
- Pulsa cualquier swatch grande = copia el HEX. La tabla "Detalles" = HEX + RGB + OKLCH.
- Variables CSS a la derecha, listas para soltar.
Cuándo es útil
Dónde se nota el generador de colores aleatorios - escenarios típicos:
- Moodboard: buscas un vibe de color. Pulsa "vibrante" 5 veces hasta que algo se quede.
- Exploración de marca: no estás seguro de qué color de marca quieres: el generador muestra opciones.
- Placeholders: necesitas datos mock con colores distintos (avatares, badges): el generador da 16 únicos.
- Fondos de diapositivas: pastel + 8 = cada diapositiva única pero coherente.
- Brainstorm: cálido vs frío para entender por qué "energía cálida" se siente exactamente así.
- Educación: nota cómo los pasteles tienen todos L > 0,85 y los vibrantes L 0,55-0,75: son reglas de color integradas en las specs del mood.
Preguntas y respuestas
El random RGB puro tiene un 50% de probabilidad de "gris turbio" y la mayoría de colores salen aburridos. Random restringido a "vibrante" significa que cada color tiene L 0,55-0,75 y C 0,18-0,28: automáticamente atractivo y estéticamente agradable.