Generador de color aleatorio
Genera colores aleatorios con esquemas de armonía (monocromático, análogo, complementario, triádico, tetrádico) o estilos (pastel, vibrante). Cada color muestra el contraste WCAG contra blanco y negro. Bloquea los que quieras conservar y re-genera el resto.
Los colores se generan en tu navegador y no se envían.
Cómo usar este generador de color aleatorio
- Elige un esquema: Aleatorio, Monocromático, Análogo, Complementario, Triádico, Tetrádico, Pastel o Vibrante.
- Ajusta el número de colores (1-10) y el formato de salida (HEX, RGB, HSL, OKLCH).
- Haz clic en Generar. Bloquea los colores a conservar y re-genera para el resto.
- Copia colores individuales, toda la paleta o como variables CSS.
Preguntas frecuentes
¿Qué es una paleta de colores complementarios?
Los colores complementarios están opuestos en la rueda de color (a 180° entre sí). Crean un alto contraste y son útiles para elementos de llamada a la acción.
¿Qué significan las insignias WCAG?
AAA, AA, AA Lg y Fail son los niveles de contraste WCAG. AA es el mínimo habitual para texto de interfaz web; AAA es el nivel más alto. AA Lg se aplica al texto grande (18pt+).
¿Qué es OKLCH?
OKLCH es un espacio de color perceptual (luminosidad, croma, tono) — moderno, predecible al ajustar y soportado en CSS. Mejor que HSL para cambios de luminosidad.
¿Por qué mis colores aleatorios suelen parecer apagados o demasiado similares?
La aleatoriedad total en el espacio HSL produce a menudo saturaciones medias apagadas, ya que la mayoría de los valores posibles son gris medio. Usa 'Pastel' para tonos suaves, 'Vibrante' para colores saturados o una armonía específica si quieres una paleta coherente.