Generador de paleta de colores complementarios divididos
Crea una paleta de tres colores a partir de un color base: el complementario y dos acentos a 30° a cada lado. Ejemplo: #FF0000 genera #00FF80 y #007FFF. El p…
Empezar a usar
Qué hace esta herramienta
Esta herramienta genera una paleta de colores complementarios divididos. Dado un color base, calcula dos colores adicionales cuyos matices están a 30 grados a cada lado del complementario (el opuesto a 180°). Por ejemplo, con el color base #FF0000 (rojo), el complementario es el cian (matiz 180°), y los dos acentos resultantes son #00FF80 (verde-azulado) y #007FFF (azul). La salida es exactamente: #FF0000, #00FF80, #007FFF, en ese orden.
Parámetros y procesamiento
La herramienta usa el modelo de color HSL. El matiz del color base se toma como referencia; los otros dos matices se calculan sumando 150° y 210° (equivalentes a 180° ± 30°). La saturación y la luminosidad se mantienen iguales al color base, pero se redondean a números enteros. Debido a conversiones de punto flotante y redondeo de canales, puede haber una diferencia de un nivel en algún canal RGB comparado con otras implementaciones.
Ejemplo concreto
Si elige el color base #FF0000, la paleta resultante es:
- #FF0000 (rojo)
- #00FF80 (verde-azulado)
- #007FFF (azul)
Estos tres colores no forman una tríada equidistante: los espacios entre matices son 150°, 60° y 150°. La herramienta le permite explorar dos acentos alrededor del complementario, pero no garantiza que la combinación sea automáticamente atractiva o legible.
Limitaciones
No hay selector para ajustar el ángulo de separación; los ángulos están fijos. No se incluye evaluación de contraste ni exportación de archivos. El procesamiento es local: no se suben imágenes ni se usa IA. Para verificar la accesibilidad, debe comprobar el contraste por separado.
Preguntas frecuentes
¿Puedo cambiar el ángulo de separación entre los acentos?
No. La herramienta usa un ángulo fijo de 30 grados a cada lado del complementario. No hay control para modificar ese valor.
¿Por qué los colores resultantes pueden diferir ligeramente de otros generadores?
La herramienta redondea la saturación y la luminosidad a enteros y realiza conversiones de punto flotante. Esto puede causar una diferencia de un nivel en algún canal RGB comparado con otras implementaciones.
¿Puedo editar los colores resultantes?
Sí. Cada muestra de color se puede editar de forma independiente. Al hacerlo, la relación fija se rompe y los valores mostrados se actualizan inmediatamente.
El procesamiento se realiza localmente en tu navegador.