Herramienta en línea de colores complementarios divididos
Crea una paleta de tres colores complementarios divididos a partir de un color base. Introduce un color HEX, RGB, HSV o HSL y obtén resultados inmediatos. El…
Empezar a usar
Qué hace esta herramienta
Genera una paleta de tres colores basada en el esquema de color complementario dividido. Para un color base dado, calcula su complementario (opuesto en la rueda de color) y luego toma dos colores adyacentes a ese complementario, a 30 grados a cada lado. El resultado son tres colores con una relación armónica pero menos contrastada que un esquema complementario directo.
Ejemplo práctico
Si introduces el color base rojo puro #FF0000, la herramienta genera los siguientes colores en este orden:
#FF0000(el color base)#00FF80(un tono verde-azulado)#007FFF(un tono azul)
Observa que el color base se mantiene exacto, mientras que los colores derivados se calculan mediante conversiones de HSL que pueden producir pequeñas diferencias de redondeo en los canales RGB.
Controles y parámetros
La herramienta ofrece un selector de color y campos para introducir valores en formato HEX, RGB, HSV o HSL. No hay un control para ajustar el ángulo de separación: los ángulos están fijos en 0, 150 y 210 grados en el espacio de color HSL. Esto significa que los tres colores no forman una tríada equidistante (los espacios son de 150, 60 y 150 grados).
Cada color resultante se muestra como una muestra que puedes editar de forma independiente, rompiendo la relación fija si lo deseas. El texto de los valores se actualiza inmediatamente después de cada edición.
Limitaciones y consideraciones
Esta herramienta no evalúa la accesibilidad ni el contraste de los colores generados. No incluye funciones de exportación de archivos ni análisis de contraste. El procesamiento se realiza localmente en tu navegador; no se suben imágenes ni se utilizan servicios de IA.
Para evitar ambigüedades con el formato numérico local, se recomienda usar el formato HEX al introducir colores. La herramienta no garantiza que la paleta resultante sea estéticamente agradable o legible; úsala como punto de partida para tus diseños.
Preguntas frecuentes
¿Por qué los colores generados no coinciden exactamente con los de otras herramientas?
Las conversiones entre espacios de color HSL y RGB implican operaciones de coma flotante y redondeo de enteros. Es posible que el valor de un canal difiera en una unidad respecto a otras implementaciones, pero el color resultante es visualmente equivalente.
¿Puedo cambiar el ángulo de separación entre los colores?
No, el ángulo está fijo en 30 grados a cada lado del complementario. La herramienta no ofrece un control para modificar este valor.
¿Qué significa que el color base se mantiene exacto?
El primer color de la paleta es idéntico al color que introduces. Los otros dos se calculan a partir de él, pero el base no se modifica.
Lista de verificación
- Introduce un color base en formato HEX para evitar errores de formato.
- Calcula la paleta y revisa los tres colores resultantes.
- Si necesitas ajustar un color, edítalo manualmente en la muestra correspondiente.
- Verifica el contraste de los colores por separado si planeas usarlos en texto o interfaces.
El procesamiento se realiza localmente en tu navegador.