¿Qué es el generador de colores al azar?
Es una herramienta que crea un color aleatorio cada vez que la tocas y te muestra su código en HEX y en RGB, los dos formatos estándar que se usan en diseño y en CSS. Pinta toda una zona con el color para que lo veas a tamaño grande y puedas copiar el código con un toque.
Es perfecta para encontrar inspiración cuando no sabes qué color usar, para descubrir combinaciones nuevas o simplemente para dejar que la suerte elija una paleta por ti.
¿Para qué sirve un color al azar?
- Diseño web y CSS: copiar un color en HEX o RGB y pegarlo en tu hoja de estilos.
- Inspiración creativa: salir de tus colores de siempre y descubrir tonos nuevos.
- Ilustración y arte: elegir una paleta de partida al azar.
- Decidir entre opciones asignando un color a cada una.
- Juegos y retos de adivinar o reproducir colores.
¿Cómo funciona?
Cada color se genera eligiendo al azar un valor de 0 a 255 para cada uno de los tres canales (rojo, verde y azul) con la función Math.random() del navegador. La combinación de esos tres valores da el color final, que se muestra en HEX (#RRGGBB) y en RGB. Hay más de 16,7 millones de colores posibles, así que es muy difícil que se repita uno.
El código del color se calcula y se copia dentro de tu navegador; no se envía nada a ningún servidor. El historial guarda los últimos colores de la sesión por si quieres recuperarlos.
Preguntas frecuentes
¿Qué es un código HEX?
Es la forma de escribir un color en web con almohadilla y seis dígitos hexadecimales (#RRGGBB): dos para el rojo, dos para el verde y dos para el azul. Es el formato más usado en CSS y diseño.
¿Cómo copio el color?
Toca el botón HEX o el botón RGB y el código se copia al portapapeles, listo para pegarlo en tu editor, CSS o programa de diseño.
¿Cuántos colores puede generar?
Algo más de 16,7 millones: 256 valores posibles por cada canal (rojo, verde y azul), es decir 256 × 256 × 256 combinaciones.
¿Sirve para diseño web y CSS?
Sí. Te da el color en HEX y RGB, los dos formatos estándar de CSS, así que puedes pegarlo directamente en tu hoja de estilos o herramienta de diseño.
¿Los colores son realmente aleatorios?
Sí. Cada canal de color se genera con el motor pseudoaleatorio del navegador, así que cada color es independiente del anterior. Todo ocurre en tu navegador.
¿Qué diferencia hay entre HEX, RGB y HSL?
Son tres formas de escribir el mismo color. El HEX (#RRGGBB) es el más usado en web y diseño. El RGB indica la cantidad de rojo, verde y azul (de 0 a 255). El HSL usa tono, saturación y luminosidad, y es el más intuitivo para aclarar u oscurecer un color o buscar tonos parecidos. La herramienta te da los tres para que copies el que necesites.