Generador de colores aleatorios
Genera colores aleatorios uno a uno o como una paleta armónica. Copia cualquier color como HEX, RGB o HSL y comprueba al instante si el texto sobre él debe ser claro u oscuro.
Una vez tienes un color, el Conversor de HEX a RGB muestra sus otras notaciones y el Comprobador de contraste de color te dice si el texto será legible sobre él.
Cómo usar Color aleatorio
- 1 Genera un color para obtener juntos sus valores hex, RGB y HSL.
- 2 Fija un color que te guste y luego regenera para explorar variaciones a su alrededor.
- 3 Cambia al modo paleta para un conjunto de colores que combinan.
- 4 Copia cualquier valor en el formato que necesita tu código.
Cómo funciona
Los colores individuales se extraen del espacio completo de 24 bits. Las paletas se construyen con reglas de armonía de la rueda de color para que los resultados parezcan intencionados y no turbios, y cada muestra indica su requisito de contraste.
- Modo color individual o paleta
- Reglas de armonía: análoga, complementaria, triádica
- Valores HEX, RGB y HSL
- Sugerencia automática de texto claro/oscuro
- Pulsa cualquier muestra para copiarla
Preguntas frecuentes
¿Qué formato de color debo copiar?
Hex para CSS y herramientas de diseño, RGB cuando lo necesitas en un canvas o una API antigua, y HSL cuando piensas ajustar el color a mano: porque en HSL puedes oscurecer o dessaturar cambiando un número, algo imposible de hacer con certeza en hex.
¿Cómo sé si un color aleatorio es legible?
Comprueba la relación de contraste en lugar de fiarte del ojo. Un color que se ve bien en tu monitor puede fallar mucho en un móvil a la luz del día. Usa el comprobador de contraste para medir la relación frente a texto blanco y negro: 4.5:1 es el mínimo habitual para texto de cuerpo.
¿Qué hace que un conjunto de colores sea armónico?
Relaciones compartidas en lugar de valores aleatorios. Los colores complementarios están opuestos en la rueda de color, los análogos se sitúan uno junto a otro y los conjuntos triádicos están equiespaciados. Trabajar en HSL facilita construirlos, ya que puedes mantener saturación y luminosidad fijas y rotar el tono.
Generadores y varios relacionadas
También te puede interesar
Herramientas de otras categorías que suelen combinarse con Color aleatorio: