Generador de colores aleatorios

Con un clic obtienes un color nuevo con sus códigos HEX y RGB. Puedes limitar el sorteo a tonos pastel o a colores oscuros, y recuperar cualquier color del historial.

HEX
RGB
Pulsa "Generar color" para empezar.

🕘 Historial (haz clic para recuperar un color)

🔒 Todo ocurre en tu navegador: no se envía ni se guarda ningún dato.

Pasteles, oscuros o totalmente aleatorio: en qué se diferencian

El generador trabaja en el espacio de color HSL, que mantiene el tono separado de la luminosidad. Con «Todos los colores», el tono, la saturación y la luminosidad varían libremente. Con «Solo pasteles» la luminosidad se mantiene alta (80–90%), lo que da esos tonos suaves que quedan genial en fondos, tarjetas y paletas delicadas. Con «Solo colores oscuros» la luminosidad baja del 30%: colores profundos, perfectos para textos, cabeceras y temas oscuros, donde el texto blanco se sigue leyendo bien.

Ideas para sacar partido a un color aleatorio

Un color sacado al azar es un remedio estupendo contra el bloqueo creativo: úsalo como semilla de una paleta, como fondo de una diapositiva, como color de un avatar o de una portada. El historial te permite generar a toda velocidad y luego comparar tus favoritos uno al lado del otro: cuando encuentres uno que funcione, copia el HEX y pégalo directamente en tu CSS, en Canva o en Figma.