Generador de colores aleatorios
Genera uno o más colores aleatorios y lee al instante sus códigos HEX, RGB y HSL más el mejor color de texto superpuesto.
Hue mode
Primary color: #D8D19D
¿Cómo funciona esta calculadora?
Un generador de colores aleatorios elige valores de rojo, verde y azul de 0 a 255 para formar un color, y luego lo muestra como HEX, RGB y HSL. También calcula la luminancia relativa del color y sugiere texto negro o blanco para un contraste legible. Elige un número y un modo de tono para inclinar la paleta hacia cálido, frío o pastel.
Fórmula
How this is calculated
La entrada "Cuántos colores" controla cuántos colores aleatorios independientes se producen (limitado a 1-12), y el selector "Modo de tono" da forma a la distribución aleatoria. En el modo "cualquiera" cada uno de los canales rojo, verde y azul es un entero independiente de 0 a 255, dando un color aleatorio uniforme en todo el espacio de 24 bits. Los modos "cálido", "frío" y "pastel" en cambio eligen un tono, saturación y luminosidad en rangos HSL restringidos y lo convierten de vuelta a RGB, de modo que los colores se mantienen en una familia reconocible.
Cada color se indica de tres formas. El HEX se construye convirtiendo cada canal a una cadena de dos dígitos en base 16 y uniéndolos tras una "#". El HSL se deriva de los canales normalizados: el tono proviene de qué canal es el máximo, la luminosidad es el promedio del canal mayor y el menor, y la saturación es la diferencia entre canales dividida entre 1 - |2L - 1|. Estas son representaciones equivalentes del mismo color.
El color de texto sugerido usa la luminancia relativa de WCAG. Cada canal se normaliza a 0-1 y se linealiza con la curva de transferencia sRGB, y luego se combina como 0,2126·R + 0,7152·G + 0,0722·B. Si esa luminancia supera aproximadamente 0,179 el fondo es "claro" y se recomienda texto negro; de lo contrario el texto blanco da mejor contraste. Como los colores son aleatorios, los resultados cambian en cada recálculo.
Preguntas frecuentes
Son tres notaciones para el mismo color. RGB enumera las intensidades de rojo, verde y azul (0-255), HEX son los mismos valores escritos en base 16, y HSL describe el color por tono, saturación y luminosidad.
Compara la luminancia relativa del color con un umbral (~0,179). Los fondos más brillantes reciben texto negro y los más oscuros texto blanco, lo que mantiene el texto legible según las pautas de contraste WCAG.
Restringen los rangos aleatorios de tono, saturación y luminosidad: cálido favorece rojos, naranjas y amarillos, frío favorece verdes, azules y morados, y pastel mantiene la saturación baja y la luminosidad alta para tintes suaves.
También conocido como
TG we-Calculate Editorial Team. (2026). Generador de colores aleatorios [Online calculator]. TG we-Calculate. https://we-calculate.com/es/calculator/random-color-generator
TG we-Calculate Editorial Team. "Generador de colores aleatorios." TG we-Calculate. 2026. https://we-calculate.com/es/calculator/random-color-generator.
TG we-Calculate Editorial Team, "Generador de colores aleatorios," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/es/calculator/random-color-generator
@misc{wecalculate_random_color_generator, title = {Generador de colores aleatorios}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/es/calculator/random-color-generator}}, year = {2026}, note = {TG we-Calculate} }
¿Te ayudó esta calculadora?