Generadores

Generador de colores aleatorios

Genera colores aleatorios en formatos hexadecimal, RGB y HSL con cantidades configurables de 1 a 50 valores.

Ejecutar herramienta

Genera códigos de color aleatorios en formatos hexadecimal, RGB o HSL para proyectos web, diseño de interfaces o pruebas gráficas. La herramienta produce desde un único tono hasta un lote de 50 colores en una sola consulta. Para cada muestra, el sistema selecciona de manera independiente los valores de los canales rojo, verde y azul entre 0 y 255. Si eliges el formato hexadecimal, obtienes cadenas con almohadilla inicial y seis dígitos en minúsculas, como #3a86ff. Con la opción RGB, el resultado muestra la estructura rgb(r, g, b) con números enteros. La opción HSL presenta valores enteros de tono, seguidos de porcentajes para la saturación y la luminosidad. El valor predeterminado entrega un color hexadecimal. Si introduces una cantidad fuera del rango permitido de 1 a 50, el generador ajusta automáticamente el valor a los límites admitidos. Cuando introduces un formato no reconocido, la salida vuelve de forma predeterminada al formato hexadecimal.

Instrucciones

  1. Indica en el campo de cantidad cuántos colores necesitas, eligiendo un número entre 1 y 50.
  2. Escribe o selecciona el formato de salida deseado: hex, rgb o hsl.
  3. Ejecuta la herramienta para obtener la lista de valores de color generados.
  4. Copia los códigos resultantes para utilizarlos directamente en tus estilos CSS o diseños.

Ejemplos

  • Generar 3 colores en formato hexadecimal: devuelve tres cadenas como #1a73e8, #e91e63 y #4caf50.
  • Generar 2 colores en formato RGB: entrega valores como rgb(45, 120, 200) y rgb(210, 85, 15).
  • Generar 1 color en formato HSL: produce una cadena como hsl(210, 68%, 45%).

Preguntas frecuentes

¿Qué ocurre si se indica una cantidad mayor a 50?

La herramienta ajusta el valor automáticamente al límite superior permitido de 50 colores por consulta.

¿Cuál es el formato predeterminado si se deja el campo vacío?

El generador produce códigos en formato hexadecimal de seis dígitos en minúsculas precedidos por almohadilla.

¿Qué sucede si se escribe un formato no reconocido?

Si el texto ingresado no coincide exactamente con hex, rgb o hsl, la herramienta genera la salida en formato hexadecimal de forma predeterminada.

Insertar esta herramienta

Añade esta herramienta funcional de SmartPlusLab a tu sitio web con el siguiente código.