RGB aleatorio
Utilice este generador de colores para elegir aleatoriamente un color de una paleta de colores. Elija un color al azar de toda la rueda de colores, o de paletas limitadas de colores distintos (rojo o azul, rojo o negro, sólo colores primarios y secundarios, etc.). Elige 1, 2, 3, 4 o más colores aleatorios a la vez.
Para generar un color al azar sólo tienes que cargar esta página. Pulsa el botón “Elige un color aleatorio” si quieres que el generador de colores aleatorios produzca otro color para ti. Nuestro software utiliza un potente generador de números aleatorios para producir los valores de rojo, verde y azul que componen cada color. La salida es el color, visualizado, y su código único en HEX, RGB y HSL.
Si utiliza la rueda de colores aleatorios para generar colores únicos distintos, por ejemplo, para los jugadores de un juego, introduzca primero el número de jugadores en el primer campo y, a continuación, seleccione una paleta de colores adecuada. El generador de colores permite elegir aleatoriamente entre rojo y azul, rojo y negro, y negro y blanco. Además, puedes utilizar la rueda de 3 colores que consta de los tres colores primarios (rojo, amarillo, azul), la rueda de 6 colores que tiene los tres colores secundarios (naranja, verde, violeta) encima de estos, o la rueda de 12 colores que contiene los seis terciarios además de los primarios y secundarios. Lo ideal es utilizar una paleta con tantos colores como el número de colores únicos que necesite, o un poco más. El número máximo admitido de colores únicos es de doce, independientemente de la paleta de la que procedan.
Color aleatorio js
De vez en cuando, la inspiración puede ser útil para encender el proceso creativo. Mirar a través de una variedad de tonos es un gran método para lograr esto. No tienes ni idea de qué color seleccionará el selector de color aleatorio porque seleccionará los colores al azar. Esta incógnita puede ser ventajosa porque le obligará a ver el color de forma diferente a como lo haría si lo estuviera buscando específicamente. La aleatoriedad puede animarle a ver el color de manera diferente y tal vez incluso incitarle a utilizarlo de una manera que no había pensado previamente.
Puede obtener información sobre el color de este selector de color aleatorio en tres métodos distintos, y es bastante fácil de usar. Podrás ver el nombre del color, su representación hexadecimal y el código RGB. Dependiendo de tus exigencias y de la razón por la que necesites el color aleatorio, una de estas opciones puede ser más beneficiosa para ti que otra.
Elige un color
Como muchas soluciones sugieren alrededor de Internet, la forma más fácil es aleatorizar un número decimal y convertirlo de nuevo a un valor hexadecimal, sin embargo, es posible producir un color no válido si no se tiene cuidado.
El código anterior implementa los valores aleatorios para cada parámetro. Para la saturación y la luminosidad, hacemos 100 + 1 porque el valor puede ser 100%. También podrías hacer Math.round(Math.random() * 100), pero los valores 0 y 100 no tendrían la misma probabilidad que los números intermedios.
Si conseguiste seguir la explicación con los colores oscuros, es análogo para los colores claros. La única diferencia aquí es que queremos que los colores caigan en la segunda mitad de cada parámetro.
Generador de nombres de colores aleatorios
Definimos un array vacío y usamos el bucle for para introducir 6 caracteres aleatorios del array hexadecimal. Math.random() genera números aleatorios entre 0 y 1. Lo multiplicamos por 16 y hacemos la división por piso. Esto asegura que estamos obteniendo un número aleatorio entre 0 y 15 que se utiliza como índice.
El método join une elementos en un array y devuelve una cadena. El operador de unión se proporciona en el paréntesis que en este caso es una cadena vacía. Reasignamos la variable hexcode con el nuevo valor y hacemos la manipulación DOM necesaria.
Esta función copia el texto dentro del elemento párrafo y lo guarda en el portapapeles. También cambia el color del icono del portapapeles al color copiado. Esto servirá como indicación de que el código hexadecimal está ahora guardado en el portapapeles.