Generador de colores
Sistema de paletas // v1.0
Rango: 1-10
Esperando entrada...
Cómo ayuda esta herramienta
RandomHub genera de 1 a 10 colores y muestra HEX, RGB y HSL para cada muestra. Las seis armonías son aleatoria, monocromática, análoga, complementaria, triádica y tetrádica. Los seis tonos son cualquiera, pastel, vivo, apagado, oscuro y claro. La armonía define la relación entre los matices y el tono acota los intervalos de saturación y luminosidad. Volver a generar obtiene otra paleta con los mismos ajustes; cambiar un control permite recorrer otra parte del espacio de color. El nombre mostrado es una etiqueta aproximada del color más cercano, no una especificación exacta. Para implementar o entregar la paleta, los valores numéricos son la referencia fiable.
Seis armonías explícitas
Seis tonos
Tres formatos copiables
Enteros aleatorios sin sesgo
¿Qué es un generador de colores aleatorios?
RandomHub genera de 1 a 10 colores y muestra HEX, RGB y HSL para cada muestra. Las seis armonías son aleatoria, monocromática, análoga, complementaria, triádica y tetrádica. Los seis tonos son cualquiera, pastel, vivo, apagado, oscuro y claro. La armonía define la relación entre los matices y el tono acota los intervalos de saturación y luminosidad. Volver a generar obtiene otra paleta con los mismos ajustes; cambiar un control permite recorrer otra parte del espacio de color. El nombre mostrado es una etiqueta aproximada del color más cercano, no una especificación exacta. Para implementar o entregar la paleta, los valores numéricos son la referencia fiable.
¿A quién le resulta útil?
Diseñadores de producto y marca
Ampliar rápidamente una dirección visual antes de refinar contraste, accesibilidad y coherencia de marca.
Desarrolladores frontend
Crear colores provisionales y copiar valores exactos a CSS, tokens o prototipos.
Equipos de visualización de datos
Partir de matices separados y validar legibilidad y significado en el gráfico final.
Qué hacen realmente los controles
Seis armonías explícitas
Aleatoria toma matices independientes. Monocromática conserva uno, análoga queda en una ventana de 80°, complementaria alterna opuestos, y triádica o tetrádica recorre tres o cuatro matices equidistantes.
Seis tonos
Cualquiera deja libres saturación y luminosidad. Pastel, vivo, apagado, oscuro y claro aplican distintos intervalos HSL.
Tres formatos copiables
Cada resultado incluye HEX, RGB y HSL. Puedes copiar un valor o toda la paleta como texto de varias líneas.
Enteros aleatorios sin sesgo
La selección del matiz usa Web Crypto getRandomValues con rejection sampling para evitar el sesgo de módulo al reducir el rango Uint32.
Puntos de partida prácticos
Exploración de interfaz
Prueba 5 colores análogos pastel para una dirección tranquila y después revisa el contraste del texto.
Ajustes: 5 colores · Análoga · Pastel. Copia los HEX a un juego exploratorio de tokens.
Concepto enérgico
Prueba 3 colores triádicos vivos para alejar la búsqueda de una paleta de marca demasiado conocida.
Ajustes: 3 colores · Triádica · Vivo. Trátalo como una dirección, no como una identidad terminada.
Categorías de gráfico
Usa una paleta tetrádica como borrador y después comprueba legibilidad, visión del color y orden semántico.
Ajustes: 4 colores · Tetrádica · Cualquiera. Valida el gráfico real, no solo la distancia entre matices.
Cómo usarlo
- 1.
Elegir cantidad
Introduce un entero de 1 a 10.
- 2.
Elegir armonía
Selecciona una de las seis reglas según la relación que quieras entre los matices.
- 3.
Elegir tono
Mantén Cualquiera o elige Pastel, Vivo, Apagado, Oscuro o Claro.
- 4.
Generar y copiar
Genera la paleta y copia HEX, RGB, HSL o el resultado completo.
Preguntas frecuentes
¿De dónde sale la aleatoriedad?
El generador usa Web Crypto getRandomValues. Los rangos enteros aplican rejection sampling para que una simple operación de resto no sesgue la distribución.
¿Cómo se calculan las armonías?
Análoga distribuye colores de −40° a +40° alrededor del matiz base (±40°). Complementaria alterna matices a 180°. Triádica recorre intervalos de 120° y tetrádica de 90°. Monocromática varía la luminosidad de un solo matiz.
¿Qué limitan los tonos?
Pastel, vivo, apagado, oscuro y claro usan distintos rangos de saturación y luminosidad. Cualquiera deja ambos abiertos.
¿El nombre mostrado es exacto?
No. Es el nombre más cercano de una lista preparada, calculado por distancia RGB y localizado para mostrarlo. Para precisión usa HEX, RGB o HSL.
¿Por qué hay tres formatos?
HEX es compacto, RGB expone los canales de pantalla y HSL separa matiz, saturación y luminosidad para ajustarlos.
¿Una armonía garantiza accesibilidad?
No. La relación de matices no garantiza contraste legible ni accesibilidad para distintas visiones del color. Prueba el contexto final.
De una dirección aleatoria a una decisión
Una paleta generada sirve sobre todo al principio, cuando importa más ampliar opciones que pulir. RandomHub muestra cantidad, armonía, tono, valores numéricos y un nombre aproximado. Una armonía describe relaciones geométricas entre matices, pero no decide qué color debe representar texto, énfasis, aviso o fondo. Asigna esos papeles en la interfaz o el gráfico real y comprueba después el contraste en los tamaños y estados previstos, además de la diferenciación para distintas visiones del color. Usa HEX, RGB o HSL como referencia de implementación y el nombre más cercano solo como ayuda de lectura. El significado de marca, la reproducción y la jerarquía visual también deben evaluarse dentro del uso final.
Herramientas relacionadas
Herramientas relacionadas
Continúa con herramientas útiles para clases, juegos, escritura, planificación y decisiones rápidas.