Generador de Color Aleatorio
Lanza un color aleatorio del espacio RGB de 24 bits y míralo renderizado como una gran muestra con cada representación común al lado: hex (#a3e1b4), RGB (rgb(163, 225, 180)), HSL e incluso un color de nombre CSS de respaldo cuando uno coincide. Haz clic en la muestra para lanzar de nuevo.
Cómo generar un color aleatorio
-
1
Haz clic en generar
Tres bytes aleatorios (0-255) se convierten en los canales R, G y B.
-
2
Lee cada formato
Hex, RGB, HSL y HSV se muestran todos; copia el que use tu hoja de estilos.
-
3
Bloquea si te gusta
Si el resultado está cerca de lo que deseas, activa "bloquear tono" para mantener el tono y volver a lanzar solo la luminosidad y saturación.
El espacio de color
El generador utiliza RGB de 24 bits, dando 16,777,216 colores posibles. Ese es el mismo gamut que tu monitor puede mostrar, aunque algunos de esos valores caen en los rincones más oscuros o desaturados que son difíciles de distinguir.
Cómo cada formato representa el mismo color
| Formato | Sintaxis | Bytes por canal |
|---|---|---|
| Hex | #RRGGBB |
8 bits |
| RGB | rgb(R, G, B) |
8 bits |
| HSL | hsl(H, S%, L%) |
Derivado |
| HSV | hsv(H, S%, V%) |
Derivado |
| OKLCH | oklch(L C h) |
Perceptualmente uniforme |
Por qué lo puramente aleatorio puede verse turbio
El RGB aleatorio uniforme cae más a menudo en colores oscuros y desaturados que en colores brillantes y vívidos. Si necesitas resultados más impactantes, vuelve a lanzar usando HSL con la saturación bloqueada por encima del 60% y la luminosidad entre el 45% y el 65% — obtendrás colores de portada de revista en lugar de barro.
Accesibilidad
Compara cualquier color generado contra texto blanco o negro y verifica la relación de contraste WCAG antes de usarlo como fondo de botón. Para texto de cuerpo, el mínimo es 4.5:1; para texto grande es 3:1.
Preguntas frecuentes
Porque la mayor parte del espacio RGB se encuentra en el medio oscuro y desaturado. Solo una delgada capa cerca de los bordes contiene colores vívidos. Genera en HSL o OKLCH con saturación limitada para resultados vivos.
Usa el modo bloqueado por tono (si está disponible): eliges un tono en grados y la herramienta solo lanza saturación y luminosidad. Útil para explorar tonos de un color de marca.
No hay modo de semilla en este momento — cada clic es una extracción independiente del RNG criptográfico. Copia el código hex para preservar un color.
Aproximadamente. Los códigos hex son relativos al dispositivo; una pantalla sRGB calibrada los muestra con precisión, un portátil barato los desplaza hacia el azul. Para impresión, convierte a CMYK antes de confiar en la apariencia.
Herramientas relacionadas
Generador de Paletas de Colores Aleatorias
Genera paletas de cinco colores basadas en un tono base aleatorio, con variantes complementarias, análogas y triádicas.
Generador de Paletas de Color
Genera una paleta armoniosa de 4-8 colores a partir de un color base utilizando esquemas complementarios, análogos, triádicos y de complemento dividido.
Generador de Letras Aleatorias
Genera letras aleatorias del alfabeto inglés. Elige mayúsculas, incluye duplicados o sorteos únicos, y establece cuántas.
Selector de color HEX
Selecciona cualquier color visualmente y obtén sus valores HEX, RGB, HSL, HSV y CMYK, además de la accesibilidad del contraste contra blanco y negro.
Formateador JSON
Formatea y presenta JSON con indentación ajustable, claves ordenadas y validación en línea que resalta errores en la posición exacta.
Generador de Nombres Aleatorios
Genera nombres plausibles en inglés a partir de listas populares de nombres de pila y apellidos. Elige género, cantidad y formato.