Generador de colores aleatorios

Elige cuántos colores quieres y en qué formato, y la página muestra una fila de muestras con sus códigos. Cada canal, rojo, verde y azul, se elige de forma uniforme entre 0 y 255 con el generador aleatorio seguro de tu navegador.

Formato
  • #3366cc
  • #e67e22
  • #27ae60
  • #8e44ad
  • #f1c40f

Funciona en tu navegador: nada de lo que escribes se envía a ningún sitio.

Cómo se usa

  1. Indica Cuántos colores (de 1 a 50) y elige HEX, RGB o HSL.
  2. Pulsa Nuevos colores para una tanda nueva. Cambiar la cantidad también genera colores nuevos.
  3. Pulsa Copiar junto a una muestra para un solo código, o Copiar todos para la lista completa, uno por línea.

Formatos

  • HEX: #3366cc, dos dígitos hexadecimales por canal.
  • RGB: rgb(51, 102, 204), cada canal de 0 a 255.
  • HSL: hsl(220, 60%, 50%), el tono en grados y la saturación y la luminosidad en porcentaje.

Los tres son el mismo azul. Los códigos se muestran tal como los entiende CSS, con comas entre canales, para que puedas pegarlos directamente en una hoja de estilos.

Consejos

  • Antes de usar un color como fondo, comprueba el contraste del texto con el comprobador de contraste.
  • Usa los colores aleatorios como punto de partida para un degradado, un gráfico o las fichas de un juego, no como paleta terminada.

Preguntas frecuentes

¿Cómo se eligen los colores?

El rojo, el verde y el azul se extraen por separado y de forma uniforme entre 0 y 255, así que cada uno de los 16.777.216 colores de 8 bits posibles tiene la misma probabilidad. La forma HSL se calcula a partir de ese valor RGB.

¿Por qué los colores aleatorios suelen parecer apagados?

Al elegir los canales de forma uniforme salen muchos tonos medios y poco saturados. Para una paleta pensada, copia un color que te guste en el conversor de colores y ajusta su saturación y luminosidad.

¿Puedo ver el mismo color en otro formato?

Sí, cambia el formato y las mismas muestras aparecen en HEX, RGB o HSL. Si además necesitas HSV, CMYK u OKLCH, usa el conversor de colores.

¿Se guardan los colores?

No. Solo existen en esta página y una nueva tanda los sustituye. Copia los que quieras conservar.

Más en Generadores

Todas las herramientas de la categoría: Generadores ·Actualizado el 6 de noviembre de 2026

Opciones de privacidad

Google Analytics nos muestra qué herramientas se usan y si funcionan. Puede usar cookies. Tu elección se guarda en este navegador.