Para qué sirve un color aleatorio
Es una herramienta de exploración. Cuando estás haciendo wireframes, prototipos o necesitás colores temporales para distinguir elementos en una vista de debug, generar al azar te ahorra el bloqueo de "¿qué color uso?". Para producción, mejor definí una paleta.
Aleatorio en RGB tiene sesgo
Si generás los tres canales (R, G, B) cada uno aleatorio entre 0 y 255, terminás con muchos colores grisáceos y pocos vibrantes. La razón: la mayoría de las combinaciones de tres números aleatorios cae en la zona "neutra" del espacio. Si querés colores siempre llamativos, generá en HSL: hue aleatorio, pero saturación y luminosidad fijas en valores que sabés que se ven bien.
Modos de esta tool
- Aleatorio puro: RGB random, todo el espacio. Sale lo que sale.
- Vibrante: HSL con S=70%, L=50%. Colores con presencia.
- Pastel: HSL con S=70%, L=80%. Tonos suaves para fondos.
- Oscuro: HSL con S=50%, L=25%. Útil para dark mode o tipografía sobre fondos claros.
Cuándo usar cada modo
Para prototipos donde cada bloque tiene que ser claramente diferente, "vibrante" es la opción. Para placeholders de avatar o cards sutiles, "pastel". Para inspirarte en un fondo con personalidad, podés generar varios "oscuro" y combinarlos. "Aleatorio puro" sirve para descubrir combinaciones que no se te ocurrirían a propósito.
Tip: aleatorio determinista
En aplicaciones reales (avatars, charts) a veces querés que el "color aleatorio" sea consistente. Por ejemplo, que el avatar de un usuario siempre tenga el mismo color. Para eso, hashea el ID del usuario y mappealo a HSL. Así parece aleatorio pero es estable: mismo ID, mismo color cada vez.
Aleatorio para charts
Si tenés que graficar 10 series en un chart, generar al azar suele dar problemas: dos series pueden quedar con colores muy similares. Mejor solución: distribuir los hues uniformemente. Si tenés 10 series, hue = i * 36° (360 / 10). Con saturación y luminosidad constantes, obtenés 10 colores siempre distinguibles.
Limitaciones de aleatorio
El aleatorio no respeta accesibilidad. Un par random puede tener contraste insuficiente para texto. Antes de usar un color aleatorio sobre fondo claro u oscuro, validá el ratio con una herramienta de contraste WCAG. Esta tool es para exploración, no para tomar decisiones finales.