Generador de colores complementarios

Qué hace esta herramienta

El generador de colores complementarios resuelve un problema concreto: encontrar rápidamente el color opuesto a uno dado en el modelo HSL. Por ejemplo, si introduces el color base #FF0000 (rojo puro), la herramienta calcula y muestra #FF0000 y #00FFFF (cian). El cálculo se realiza localmente en tu navegador, sin subir datos ni usar inteligencia artificial.

Cómo se calcula el complementario

La herramienta convierte tu color base a HSL, suma 180° al tono y convierte el resultado de vuelta a RGB. El tono, la saturación y la luminosidad se redondean a enteros en la conversión a HSL, lo que puede introducir pequeñas diferencias en los canales RGB resultantes. La oposición en HSL no garantiza igualdad de brillo percibido, independientemente de ese redondeo.

Limitaciones importantes

• El ángulo opuesto está fijado en 180°; no se puede ajustar.
• La oposición de tono no garantiza contraste accesible ni igualdad de brillo percibido. Comprueba siempre el contraste para texto o fondos.
• Si editas una muestra después de generar el par, los colores pueden dejar de ser complementarios.
• No se incluye edición de fotos ni puntuación automática de contraste.

Preguntas frecuentes

¿Qué formatos de color acepta el panel avanzado?

Acepta HEX, RGB, HSV y HSL. Elige el modo en el panel y escribe el valor correspondiente.

¿Por qué el complementario de #FF0000 es #00FFFF y no #00FF00?

En HSL, el rojo #FF0000 tiene un tono de 0° y su opuesto está a 180°: cian #00FFFF. El verde #00FF00 está a 120°, no a 180°. Para este rojo puro, la inversión RGB también da cian; esta coincidencia no significa que ambos métodos sean equivalentes para todos los colores.

¿Puedo usar los colores generados para asegurar un buen contraste?

No necesariamente. La complementariedad HSL no implica contraste suficiente. Evalúa la relación de contraste por separado, especialmente para texto.