Generador de Colores Aleatorios
Genera colores aleatorios en hex y RGB con un clic.
Esta herramienta se ejecuta completamente en tu navegador. Tus archivos nunca se suben a un servidor.
#95edca
rgb(149, 237, 202)
#1d28a7
rgb(29, 40, 167)
#319d09
rgb(49, 157, 9)
#1eb4dc
rgb(30, 180, 220)
#68393c
rgb(104, 57, 60)
#bbe6ca
rgb(187, 230, 202)
Qué hace esta herramienta
Genera seis colores aleatorios a la vez, cada uno mostrado como una muestra junto con su código hex (#rrggbb) y su valor RGB (rgb(r, g, b)), para que puedas previsualizar y copiar cualquiera de los dos formatos.
Cómo utilizarla
Haz clic en "Generate random colors" para reemplazar las seis muestras por un nuevo conjunto. Haz clic en el texto hex o RGB bajo cualquier muestra para copiar ese valor — puedes regenerar tantas veces como quieras.
Ejemplo resuelto
La conversión de hex a RGB funciona igual sin importar en qué color caigas: el código hex #3498db se divide en los pares de bytes 34, 98 y db, que equivalen a 52, 152 y 219 en decimal — por eso la herramienta muestra rgb(52, 152, 219) junto a ese valor hex.
Método
Cada color parte de un entero aleatorio entre 0 y 16.777.215 (0xffffff, el valor de 24 bits más alto) generado con Math.random(), convertido luego a una cadena hexadecimal de 6 dígitos rellenada con ceros a la izquierda. El valor RGB correspondiente se obtiene del mismo entero extrayendo sus bytes rojo, verde y azul mediante desplazamientos de bits, no a partir de tres números generados por separado.
Formatos y copia
Cada muestra presenta hex y RGB uno junto al otro porque distintas herramientas esperan distintos formatos — CSS y el software de diseño suelen aceptar ambos, pero algunos contextos, como las plantillas de correo antiguas, solo admiten hex. Ambos valores tienen su propio botón de copia con un clic.
Limitaciones
Los colores provienen de Math.random(), un generador rápido de propósito general, no del crypto.getRandomValues() criptográficamente seguro que usan herramientas como el Generador de Cadenas Aleatorias — adecuado para inspiración de diseño, pero no para nada sensible en seguridad. Los colores también se eligen de forma independiente en todo el espacio RGB sin lógica de paleta, por lo que un conjunto de seis puede incluir combinaciones bruscas o colores con poco contraste frente a texto blanco o negro. Para colores pensados para combinar bien entre sí, usa el Generador de Paletas de Colores.
Privacidad y procesamiento
Cada color se genera localmente en tu navegador usando el generador de números aleatorios integrado de JavaScript. Nada se sube ni se guarda en un servidor.
Preguntas Frecuentes
- ¿Qué tan aleatorios son estos colores?
- Cada color se elige de forma uniformemente aleatoria en todo el espacio de color RGB — sin sesgo hacia ningún tono en particular.
- ¿Qué formatos se muestran?
- Tanto hex (#rrggbb) como RGB (rgb(r, g, b)) — haz clic en cualquiera para copiarlo.
- ¿Puedo generar una paleta temática en su lugar?
- Para un conjunto de colores más curado que combine bien, prueba el Generador de Paletas de Colores.
- ¿Es seguro usar esto para generar claves o tokens de seguridad?
- No — los colores se generan con Math.random(), que es rápido pero no criptográficamente seguro. Para valores aleatorios usados en contextos de seguridad, utiliza una herramienta basada en crypto.getRandomValues(), como el Generador de Cadenas Aleatorias.