Generador de Paletas de Colores Aleatorias
Una paleta armonizada es mucho más útil que cinco colores aleatorios uno al lado del otro. Esta herramienta elige un tono base y luego genera cuatro colores hermanos utilizando relaciones clásicas de teoría del color: análogas, complementarias, complementarias divididas, triádicas o tetrádicas. Puedes bloquear cualquier muestra que te guste y volver a lanzar el resto.
Cómo generar una paleta
-
1
Elige el tipo de armonía
Análogas (vecinos en la rueda), complementarias (opuestos), triádicas (120 grados de separación), tetrádicas (rectángulo) o monocromáticas (tonos de un solo color).
-
2
Lanza el color base
La primera muestra es un tono aleatorio con saturación y luminosidad medias — un punto de partida.
-
3
Se calculan los hermanos
Las otras muestras se derivan del color base utilizando la armonía elegida, luego se ajustan para el contraste.
-
4
Bloquear y volver a lanzar
Mantén las muestras que te gustan; vuelve a lanzar las otras hasta que la paleta cante.
Hoja de trucos de armonía
| Esquema | Desplazamientos de tono en la rueda | Ambiente |
|---|---|---|
| Monocromático | 0 grados (mismo tono, variando L/S) | Tranquilo, minimalista |
| Análogo | +/- 30 grados | Cálido, natural |
| Complementario | 180 grados | Alto contraste, impactante |
| Complementario dividido | 150 / 210 grados | Contraste sin tensión |
| Triádico | 0, 120, 240 grados | Vibrante, equilibrado |
| Tetrádico | 0, 90, 180, 270 grados | Rico, difícil de equilibrar |
Consejos prácticos
- Un dominante, dos de apoyo, dos acentos. Las buenas paletas de UI siguen una proporción de 60/30/10 — dos tercios de la pantalla en el dominante, un tercio de apoyo, un pequeño acento.
- Verifica el contraste par por par. Una paleta que parece armoniosa puede tener combinaciones de texto sobre fondo ilegibles. Prueba cada combinación que planeas enviar.
- Bloquear, no promediar. Si dos muestras se sienten fuera de lugar, bloquea las que amas y vuelve a lanzar — no “comprometas” promediando. El cerebro lee armonía, no promedios.
Herramientas del oficio
Los diseñadores han preferido diferentes ruedas a lo largo de los años. La rueda RYB (rojo, amarillo, azul) es el estándar en el aula. HSL en un ordenador es una abstracción simplificada; OKLCH es lo más avanzado para la uniformidad perceptual y vale la pena aprenderlo si trabajas con sistemas de color accesibles.
Preguntas frecuentes
Porque la saturación y luminosidad fijas producen muestras visualmente similares independientemente del tono. Varía la luminosidad entre muestras dentro de una paleta — una clara, una media, una oscura — y la paleta se vuelve instantáneamente más útil.
Análogas y monocromáticas. Se ven armonizadas casi por accidente. Triádicas y tetrádicas recompensan la confianza en el diseño pero pueden parecer caóticas con una ejecución débil.
Sí — copia los códigos hex como una lista separada por comas, un bloque de propiedades personalizadas de CSS o un array de JSON. Elige el formato que tu herramienta de diseño acepte.
El contraste contra blanco y negro se muestra para cada muestra para que puedas ver de un vistazo cuáles funcionan para texto. Verificar el contraste par por par según WCAG es tu responsabilidad antes de enviar.
Herramientas relacionadas
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 Color Aleatorio
Genera un color RGB aleatorio, ve los valores hex, HSL y RGB, y copia cualquier formato con un clic.
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.