Generador de código de color HEX aleatorio

Genere de una vez varios códigos de color hexadecimales aleatorios, con vista previa, copia individual y exportación como variables CSS.

Ejemplo:

Cómo funciona

¿Necesita inspiración para la paleta de un sitio web, un conjunto de colores de prueba para una maqueta o simplemente un color al azar para un proyecto creativo? Elija el número de colores que desea y genérelos todos con un clic: cada muestra de color indica su código hexadecimal, que se puede copiar individualmente, con una exportación conjunta como variables CSS para integrarlas directamente en una hoja de estilos.

¿Cómo funciona un código de color hexadecimal?

Un código HEX como #3a6df0 codifica tres valores de 0 a 255 (rojo, verde, azul) convertidos a base 16, es decir, dos dígitos hexadecimales por componente. Es el formato más utilizado en CSS y en diseño web porque es compacto y fácil de copiar y pegar.

¿Puedo usar estos colores directamente en mi código CSS?

Sí: el botón «Copiar como variables CSS» da formato automáticamente a todos los colores generados como propiedades personalizadas (--color-1, --color-2, etc.) listas para pegar en su hoja de estilos.

La generación de los colores se realiza íntegramente en su navegador mediante WebAssembly, sin ninguna conexión a un servidor externo.