Generador de colores
Sistema de paletas // v1.0
Rango: 1-10
Esperando entrada...
¿Qué es un generador de colores aleatorios?
Un generador de colores aleatorios escoge un color — o una paleta coordinada — entre los millones que una pantalla puede mostrar y te entrega los valores que de verdad usas. RandomHub devuelve de 1 a 10 colores por clic, los pasa por cinco reglas de teoría del color (monocromática, análoga, complementaria, triádica, tetrádica, además de aleatoria pura) y empuja el resultado hacia el tono que elijas: pastel, vivo, apagado, oscuro, claro o sin restricción. Cada color llega con HEX, RGB y HSL listos para copiar. Todo ocurre en tu navegador — sin registro, sin envíos, sin logs.
¿Para quién es este generador?
Diseñadores UI y de producto
Salir del bucle de los seis colores de marca cuando hay que explorar una atmósfera antes de la revisión con stakeholders. Pastel-análoga para una app de meditación, viva-triádica para producto infantil, oscura-tetrádica para una herramienta dev.
Diseñadores de identidad
Pasar por decenas de combinaciones complementarias y tetrádicas durante la fase de búsqueda amplia de un brand sprint. Rompe la rutina de "siempre acabo en azul marino".
Desarrolladores frontend
¿Tres colores placeholder para una demo CSS o un Tailwind config? Un clic, copias el HEX, sigues — sin abrir Figma.
Ilustradores y pintores digitales
Generar una paleta limitada para un ejercicio con colores impuestos. Cinco análogos apagados obligan a componer con contraste de valor en lugar de matiz.
Creadores de visualización de datos
Las paletas triádica y tetrádica dan matices matemáticamente distintos para codificar categorías. Encima, los presets de tono — vivo para énfasis, apagado para capas de contexto.
Estudiantes y profesorado de diseño
Ver las reglas de armonía en acción. Generar una triádica, luego una tetrádica, luego una monocromática — y observar cómo cambia la sensación con el mismo color base.
Por qué este generador
Cinco reglas de armonía reales
No "cinco colores aleatorios que no se peleen". Monocromática, análoga, complementaria, triádica y tetrádica — cada una calculada desde un color base con la matemática que de verdad se enseña en escuelas de diseño.
Tonos que coinciden con briefs reales
Pastel para wellness y educación. Vivo para deporte y juventud. Apagado para editorial y finanzas. Oscuro para tecnología y lujo. Claro para salud y SaaS. Eliges la atmósfera y el resultado cae en su barrio cromático.
HEX, RGB y HSL juntos
Un botón de copia por formato en cada fila. HSL es lo más cómodo para retoques de saturación en CSS, HEX para entregar a un diseñador, RGB para código. El formato sigue al destino del color.
Solo navegador, nada queda registrado
La página genera localmente con matemática HSL. Sin paletas guardadas, sin email, sin plan premium. Todos ven la misma herramienta al entrar.
Escenarios habituales con ejemplos
Mood board para una app wellness
Buscas una paleta para una app de meditación. Los colores afilados desencajan. Sacas 5 colores en armonía análoga y tono pastel — verdes y azules suaves que se funden entre sí.
Ajustes: 5 colores, Análoga, Pastel. Posible resultado: #C8E1D2, #B6D8C7, #A4CFBC, #92C6B1, #80BDA6 — un conjunto coherente de verdes de baja saturación que cae en frames de Figma en menos de un minuto.
Exploración de rebrand de bebida energética
Tres semanas de brand sprint y el equipo sigue volviendo al rojo y amarillo. Sacas 4 colores en armonía triádica y tono vivo para empujar el territorio.
Ajustes: 4 colores, Triádica, Vivo. Tres matices a 120° de distancia con saturación alta — la búsqueda salta de rojo-amarillo a magenta-cian-ámbar, combinaciones que el equipo aún no había mirado.
Prototipo en Tailwind CSS
Necesitas un par de colores de acento para una página demo en modo claro. Tres colores claros y poco saturados, copias el HEX al config y sigues construyendo.
Ajustes: 3 colores, Aleatoria, Claro. Salida tipo: #E8DCD0, #D4E0DD, #DCD8E8. En tailwind.config como accent-50, accent-100, accent-200 — la página queda lista para mostrar.
Ejercicio de paleta restringida
Pintores e ilustradores avanzan más con límites impuestos. Cinco colores apagados, y se pinta el mismo bodegón solo con esos.
Ajustes: 5 colores, Aleatoria, Apagado. Cada color cerca del 30 % de saturación y luminosidad media — un conjunto polvoriento y armónico que obliga a componer por valor en lugar de matiz.
Cómo usarlo
- 1.
Definir la cantidad
De 1 a 10. Cinco es un buen valor por defecto: variedad suficiente para componer, pocos como para retenerlos.
- 2.
Elegir la regla de armonía
Aleatoria para explorar. Análoga para cercanía. Complementaria para parejas de alto contraste. Triádica y tetrádica para paletas de categorías. Monocromática para estudios de valor.
- 3.
Elegir el tono
Pastel, vivo, apagado, oscuro, claro o "cualquiera". Cada preset estrecha los rangos de saturación y luminosidad para que la paleta encaje en una atmósfera concreta.
- 4.
Generar y copiar
Botón Generar o Enter. Cada color muestra HEX, RGB y HSL con sus propios botones de copia. "Copiar todo" toma la paleta como cadena multilínea — cómodo para Figma, código o notas.
Preguntas frecuentes
¿Las paletas son realmente aleatorias o salen de una lista fija?
Aleatorias. La herramienta toma un matiz base (0–360°) por paleta, aplica la regla de armonía y muestrea saturación y luminosidad dentro del rango del tono elegido. Dos ejecuciones con los mismos ajustes producen paletas distintas — la estructura armónica se mantiene, los valores varían.
¿En qué se diferencian las cinco reglas de armonía?
Monocromática: un solo matiz, varía la luminosidad. Análoga: vecinos en la rueda (≈ ±25°). Complementaria: matices opuestos a 180°. Triádica: tres matices separados 120°. Tetrádica: cuatro matices separados 90°. Mismo color base, sensación visual muy distinta según la regla.
¿Cómo funcionan los tonos a nivel técnico?
Cada preset acota saturación (S) y luminosidad (L). Pastel: S 25–55 %, L 78–92 %. Vivo: S 85–100 %, L 42–58 %. Apagado: S 15–40 %, L 40–60 %. Oscuro: S 40–95 %, L 12–32 %. Claro: S 30–70 %, L 70–88 %.
¿Puedo guardar o compartir una paleta que me guste?
Pulsa "Copiar todo" para tomar la paleta como texto plano (HEX · RGB · HSL por línea). Pégala en Figma, en notas, en un doc, en un hilo de Slack. No hay guardado vinculado a cuenta — es deliberado: nada sale del navegador.
¿Por qué HSL además de HEX y RGB?
HSL expone matiz, saturación y luminosidad como tres valores separados, así que es el formato más directo para retoques tipo "+10 % de saturación" o "matiz +30°" en CSS o en herramientas de diseño. HEX es más corto para handoff. RGB se acerca a cómo la pantalla pinta de verdad el color.
¿Puedo usar estas paletas en trabajo comercial?
Sí. Los valores de color no están protegidos por derechos de autor. Usa cualquier paleta generada en proyectos comerciales, recursos de marca, trabajo cliente remunerado o productos a la venta. Sin atribución.
¿En qué se diferencia de Coolors o Adobe Color?
Coolors y Adobe Color son herramientas maduras con bibliotecas guardadas, generación de degradados, extracción desde imagen y comunidad. RandomHub hace una sola cosa: producir paletas aleatorias por reglas, rápido, con HEX / RGB / HSL listos — sin registro, sin biblioteca, sin upselling.
¿Por qué el máximo es 10?
Pasados siete u ocho colores, la mayoría de las reglas de armonía empiezan a producir resultados visualmente cercanos — el ojo deja de leerlos como paleta. Diez es un tope generoso que mantiene cada resultado significativo.
Sobre las paletas aleatorias en diseño
Los diseñadores usan la aleatoriedad como entrada creativa desde que existe la disciplina. El ejercicio de la Bauhaus — "pon tres colores juntos y consigue que funcionen" — es exactamente el mismo mecanismo: la restricción y la sorpresa empujan al cerebro más allá de su primer reflejo. Lo que cambió con las pantallas es que las reglas de armonía se calculan al instante: una paleta triádica que en 1965 llevaba media hora con un disco Munsell, en 2026 lleva un clic. Esa velocidad es justamente el punto. La primera paleta generada casi nunca es la que se publica; el valor está en pasar veinte en cinco minutos y notar cuál cuaja. RandomHub se sostiene en tres decisiones: las reglas anclan la matemática a teoría del color real en lugar de "cinco colores al azar", los tonos corresponden a briefs concretos en vez de categorías abstractas, y HSL / HEX / RGB salen juntos para no convertir a mano. Si echas en falta una regla o un tono que usas mucho, eso es una señal — escríbenos.
Herramientas relacionadas
Herramientas relacionadas
Continúa con herramientas útiles para clases, juegos, escritura, planificación y decisiones rápidas.