Generar un color
Selecciona 1 color y pulsa «Generar colores».
Se mostrará una muestra con sus valores HEX, RGB y HSL. Cada generación puede producir un color distinto.
Informática
Generador de colores aleatorios
Genera de 1 a 20 colores aleatorios, consulta sus muestras y copia sus códigos HEX, RGB o HSL. Utiliza los resultados para explorar colores en diseños, prototipos y proyectos web.
Gratis
Sin registro
Uso inmediato
Generar colores aleatorios
Introduce los datos necesarios y obtén el resultado.
Cómo generar colores aleatorios
- Elige cuántos colores quieres obtener, entre 1 y 20.
- Pulsa «Generar colores».
- Revisa las muestras y copia el código en el formato que necesites.
Guarda los códigos que quieras conservar antes de generar un nuevo conjunto o limpiar el resultado. La herramienta no mantiene un historial de generaciones.
Explorar colores para un proyecto
La generación aleatoria puede servir como punto de partida para probar fondos, bordes, ilustraciones o datos de ejemplo. Las muestras permiten comparar visualmente varias opciones, mientras que los códigos facilitan llevarlas a tu editor.
Los resultados son independientes. Si buscas una paleta para una interfaz, selecciona después los colores que encajen con el proyecto y comprueba el contraste de las combinaciones que vayas a utilizar.
Elegir entre HEX, RGB y HSL
- HEX: código de seis dígitos, como
#336699. - RGB: canales rojo, verde y azul, como
rgb(51, 102, 153). - HSL: tono, saturación y luminosidad, como
hsl(210, 50%, 40%).
HEX y RGB representan exactamente el color generado. HSL se muestra con hasta dos decimales y puede introducir pequeñas diferencias por redondeo. La muestra utiliza el RGB original y los códigos no incluyen un canal alfa.
Usar los códigos en CSS
Copia un valor y utilízalo en una propiedad como background-color,
color o border-color.
Por ejemplo: background-color: #336699;.
La muestra de color siempre se acompaña de sus códigos de texto.
Convertir un color que ya tienes
Si quieres trabajar con un color concreto, utiliza el Conversor HEX a RGB, el Conversor RGB a HEX o el Conversor RGB a HSL.
Ejemplos
Algunos ejemplos prácticos para entender cómo utilizar esta herramienta.
Explorar varios colores
Selecciona 5 colores y genera el resultado.
Obtendrás cinco muestras independientes con sus códigos. Los colores no se eligen para formar una paleta armónica.
Leer los formatos de un mismo color
Si se genera el color #336699, estas son sus representaciones.
HEX: #336699; RGB: rgb(51, 102, 153); HSL: hsl(210, 50%, 40%). Es un ejemplo, no un resultado fijo.
Preguntas frecuentes
Resolvemos algunas dudas habituales sobre esta herramienta.
Puedes generar entre 1 y 20 colores por operación. Pulsa de nuevo «Generar colores» para obtener otro conjunto. La nueva generación sustituye el resultado anterior.
Se generan tres canales RGB de 8 bits mediante la función de números aleatorios del navegador. Cada canal puede tomar un valor entero de 0 a 255. Los colores se generan de forma independiente.
Sí. La generación independiente admite repeticiones, tanto dentro de un conjunto como entre distintas operaciones. No se garantiza que cada color sea único.
Cada color incluye HEX de 6 dígitos, RGB con canales enteros y HSL con un máximo de dos decimales. Los códigos están preparados para utilizarlos como valores de color en CSS y no incluyen transparencia.
El tono, la saturación y la luminosidad se redondean a un máximo de dos decimales, sin ceros finales innecesarios. El código CSS utiliza punto decimal. Para conservar exactamente los canales generados, utiliza HEX o RGB.
Cuando los tres canales RGB son iguales, la saturación es 0 % y el tono no está definido. Se utiliza tono 0 por convención en la representación HSL.
Los colores se generan de forma independiente, sin seleccionar combinaciones por armonía o contraste. Comprueba cada combinación de texto y fondo antes de utilizarla en una interfaz.
La generación y la conversión de formatos se realizan localmente en tu navegador. La herramienta no necesita enviar los resultados al servidor.
Última revisión:
11 de octubre de 2026