Saltar al contenido
TextArray
Totalmente local

Generador de colores aleatorios

Genera colores aleatorios como HEX, RGB o HSL, con paletas claras, oscuras, pasteles y vívidas.

Salida

Generador de colores aleatorios

Genere desde uno hasta cien colores aleatorios con un solo clic. Cada color aparece en su propia línea como un valor HEX, una notación rgb() o hsl(), o los tres uno al lado del otro, para que pueda pegar el resultado directamente en CSS, un archivo de token de diseño, una configuración de gráfico o una hoja de cálculo. Al cambiar el recuento, el formato o la paleta, se vuelve a calcular la lista al instante.

Los colores aleatorios son útiles con más frecuencia de lo que parece: fondos de marcador de posición para tarjetas y avatares, colores de series distintas para un gráfico rápido, valores iniciales para un panel de estado de ánimo, datos de prueba para un sistema de temas o simplemente una forma de salir de una rutina creativa. Debido a que un color extraído uniformemente del cubo RGB completo suele ser turbio, este generador funciona en el espacio HSL y limita la saturación y la luminosidad por paleta: Light mantiene la luminosidad entre 70 y 90 por ciento, Dark permanece entre 10 y 35, Pastel combina una saturación suave de 25 a 45 por ciento con alta luminosidad, y Vivid empuja la saturación a 85 a 100 por ciento con luminosidad media. Cualquiera elimina las restricciones por completo.

Incluir alfa agrega una opacidad aleatoria a cada color y lo imprime en cada notación: un valor HEX de 8 dígitos, rgba() y hsla(). Un color por línea significa que la salida se conecta directamente al convertidor de color o al comprobador de contraste siempre que desee inspeccionar un valor más a fondo.

Todo se ejecuta localmente en su navegador: no se envía ninguna solicitud, no se registra nada y la aleatoriedad proviene del cripto.getRandomValues criptográficamente seguro, muestreado con rechazo para que cada valor en un rango sea igualmente probable.

Preguntas frecuentes

¿Los colores están subidos a alguna parte?
No. Se generan completamente en su navegador y nunca salen de su dispositivo. No se envía, almacena ni registra nada.
¿Qué tan aleatorios son los colores?
El tono, la saturación y la luminosidad se dibujan con crypto.getRandomValues criptográficamente seguro, utilizando muestreo de rechazo para que no haya sesgo de módulo: cada valor en un rango es igualmente probable.
¿Por qué la herramienta genera en HSL en lugar de RGB?
HSL separa el tono de la saturación y la luminosidad, por lo que una paleta como "pastel" o "vívida" es sólo una restricción de dos números. Luego, cada color se convierte a RGB y HEX con matemáticas simples, por lo que las tres notaciones describen exactamente el mismo color.
¿Qué hace "Incluir alfa"?
Le da a cada color una opacidad aleatoria entre 0 y 1 y lo imprime en cada notación: un valor HEX de 8 dígitos, rgba() y hsla().
¿Puedo convertir un color generado a otra notación?
Elija "Los tres" para ver HEX, RGB y HSL uno al lado del otro, o pegue cualquier línea en el convertidor de color para hexadecimal en mayúsculas, sintaxis moderna y paletas de tintes.