Saltar al contenido principal
Utilia
Colores

Colores aleatorios

Pulsa el botón y verás seis colores aleatorios listos para usar, cada uno con su código HEX. No salen colores apagados ni chillones: se eligen con saturación y luminosidad controladas para que cualquiera sirva en un diseño.

Haz clic en cualquier color para copiar su código HEX.

Todo se calcula en tu navegador: no enviamos tus datos a ningún servidor.

Cómo se generan

Cada color se elige en HSL: el tono sale al azar entre los 360° de la rueda, la saturación se limita entre el 40 % y el 90 % y la luminosidad entre el 35 % y el 75 %. Así se descartan los grises sucios y los neones ilegibles que produce el azar puro en RGB.

Fórmula

color = HSL(tono aleatorio, saturación 40-90 %, luminosidad 35-75 %)

Después se convierte a HEX de 8 bits, el formato que copias con el clic.

Ideas para aprovecharlos

  • Punto de partida creativo: genera hasta que un color te guste y construye a partir de él.
  • Colores de marca provisionales para maquetas y bocetos.
  • Paletas de gráficos y tablas: regenera y elige seis que se distingan bien entre sí.
  • Combinados con el generador de paletas: toma uno al azar como color base y crea su armonía.

Preguntas frecuentes

¿Por qué no salen colores negros, blancos o grises?
Porque la saturación mínima es del 40 % y la luminosidad se mueve entre el 35 % y el 75 %: con esos límites todos los colores resultantes tienen cuerpo y son legibles sobre blanco o negro.
¿Puedo fijar un color que me gusta?
No hay bloqueo por color: anota o copia su HEX y vuelve a generar. Si quieres variaciones alrededor de ese color, pásalo al generador de paletas como color base.
¿En qué formato se copian?
En HEX, por ejemplo #10B981, el formato más universal para diseños, CSS y editores. Si lo necesitas en RGB o HSL, el convertidor de color lo traduce al instante.
¿Los mismos colores salen siempre?
No: cada generación es aleatoria e independiente. Si cierras la página sin copiar un color, puede que no vuelva a aparecer.

Continúa donde lo dejaste con estas utilidades que combinan bien con esta.

Generador de paletas de colores Convertidor de color Comprobador de contraste Generador de degradados CSS