Generador de Colores Aleatorios
Generá colores aleatorios, cualquiera, pastel, vivos u oscuros, y copialos en HEX, RGB o HSL. Funciona enteramente en tu navegador: no se envía nada a ningún servidor.
Tus colores van a aparecer acá
¿Qué es un generador de colores aleatorios?
Un generador de colores aleatorios elige colores por vos, algo útil cuando necesitás datos de prueba, placeholders o un punto de partida nuevo. Cualquier color sortea el rojo, el verde y el azul por separado sobre todo el rango de 16,7 millones de colores, así que los resultados suelen salir apagados. Los estilos pastel, vivos y oscuros en cambio eligen un tono al azar en el círculo cromático y mantienen la saturación y la luminosidad dentro de un rango, así todos los resultados tienen el mismo carácter. El azar viene del generador criptográfico del navegador, y podés copiar los colores en HEX, RGB o HSL.
Ejemplos
Generar colores aleatorios en código:
const [r, g, b] = crypto.getRandomValues(new Uint8Array(3));
const hex = "#" + [r, g, b].map((v) => v.toString(16).padStart(2, "0")).join("");// a random pastel: any hue, high lightness
const h = Math.floor(Math.random() * 360);
const pastel = `hsl(${h}, 70%, 85%)`;import secrets
hex_color = "#" + secrets.token_hex(3)printf '#%06x\n' $((RANDOM * RANDOM % 16777216))Casos de uso
Colores para placeholders y avatares
Dales a los avatares por defecto, tags o tarjetas vacías un fondo distinto a cada uno, con el estilo pastel o vivos para que todos se vean consistentes.
Datos de prueba y mockups
Llená fixtures, seeds de base de datos o prototipos con valores de color realistas en el formato que espera tu código.
Destrabar un bloqueo creativo
Generá una tanda y quedate con los que te gusten como punto de partida para una ilustración, una presentación o una exploración de marca.
Juegos y arte generativo
Elegí colores para sprites, partículas o patrones generados, y después reutilizá la lista en tu código.