El número de colores solo se aplica a los esquemas análogo y monocromático; complementario siempre da 2 colores, triádico 3, tetrádico 4.
Resultado
Esta página no tiene parte de servidor en absoluto. La tabla que pegas la procesa JavaScript dentro de tu propio navegador, el gráfico se dibuja en un elemento canvas de tu máquina y el archivo de exportación se arma localmente. Nada se sube, se almacena ni se escribe en ningún registro. Puedes desconectar la red después de cargar la página y todo seguirá funcionando: es la forma más sencilla de comprobarlo tú mismo.
Datos y límites del método
| Complementaria | El color base y un color con el tono rotado 180° |
|---|---|
| Triádica | Tres colores con el tono rotado 0°, 120° y 240° |
| Tetrádica | Cuatro colores con el tono rotado 0°, 90°, 180° y 270° |
| Análoga | Varios colores separados 30° en tono alrededor del base |
| Monocromática | El mismo tono y saturación, luminosidad de 12% a 90% |
Cuándo induce a error
- La paleta se construye con reglas matemáticas del círculo cromático (modelo HSL), no con la percepción humana — colores "armoniosos" según la fórmula a veces necesitan ajuste manual de contraste en la práctica.
- El generador no comprueba el contraste entre pares de colores para accesibilidad (WCAG) — para texto sobre fondo, verifícalo por separado con una herramienta dedicada.
- Los esquemas monocromático y análogo usan pasos fijos (reparto uniforme de luminosidad, pasos de tono de 30°); para un control más fino, ajusta la paleta manualmente después de generarla.
- El resultado es un punto de partida para diseño de interfaces, ilustración y branding, no la única respuesta correcta.
Cómo se calcula
El color base HEX se convierte al modelo HSL (tono, saturación, luminosidad) — un sistema práctico para crear combinaciones armoniosas.
Según el tipo de paleta elegido, el tono base se rota en ángulos fijos (180° para complementaria, 120°/240° para triádica, 90°/180°/270° para tetrádica) o se desplaza en pasos pequeños (para análoga), manteniendo constantes la saturación y la luminosidad.
Para la paleta monocromática, el tono y la saturación permanecen constantes mientras la luminosidad se reparte uniformemente de un tono oscuro a uno claro.
Cada color HSL resultante se convierte de vuelta a un código HEX y se muestra como una muestra con su código etiquetado.
Preguntas y respuestas
¿En qué se diferencian los tipos de paleta?
Se basan en distintas figuras geométricas del círculo cromático: complementaria toma el color opuesto, triádica y tetrádica toman puntos espaciados uniformemente, análoga toma tonos vecinos, monocromática varía la luminosidad de un solo tono.
¿Por qué el número de colores no aplica al esquema complementario?
Los esquemas complementario, triádico y tetrádico tienen un número de colores fijado por la propia regla de construcción (2, 3 y 4 respectivamente) — el ajuste de cantidad solo aplica a los esquemas análogo y monocromático.
¿Es esta paleta adecuada para diseño web?
Sí, como punto de partida — antes de usarla en una interfaz, comprueba el contraste de texto sobre fondo por separado según WCAG con una herramienta dedicada.
¿Se envían mis datos a algún sitio?
No, todo el cálculo se ejecuta en tu navegador.