Inicio / Herramientas de Color / Generador de colores complementarios
Herramientas online gratis

Generador de colores complementarios

Calculá el color complementario de cualquier color base en formato HEX, RGB, HSV o HSL. Ejemplo: #FF0000 genera #00FFFF. Herramienta gratuita y local. El pro…

Empezar a usar

Qué hace esta herramienta

Esta herramienta genera el color complementario de un color base usando el modelo HSL. El complementario se obtiene sumando 180 grados al matiz (hue) del color base. Por ejemplo, si elegís el rojo puro #FF0000, el resultado será el par #FF0000 y #00FFFF (cian). El color base se conserva exactamente como lo ingresaste; el complementario se calcula redondeando la saturación y la luminosidad a valores enteros antes de convertirlos a RGB.

Controles disponibles

  • Panel de entrada para el color base: acepta HEX, RGB, HSV y HSL.
  • Botón para calcular el par de colores.
  • Muestras de color editables: podés cambiar cada color individualmente.
  • Opción para limpiar y restablecer el color base a #3B82F6.

Ejemplo concreto

Si ingresás el color base #FF0000 (rojo), la herramienta calcula el complementario como #00FFFF (cian). Ambos colores se muestran en las muestras de salida.

Limitaciones

El ángulo opuesto es fijo (180 grados) y no se puede ajustar. La oposición de matiz no garantiza contraste accesible ni brillo percibido equivalente. Si necesitás usar estos colores para texto o fondo, verificá el contraste por separado. Los cálculos se realizan en tu navegador; no se suben imágenes ni se realizan llamadas a IA.

Preguntas frecuentes

¿Puedo cambiar el ángulo del complementario?

No, el ángulo está fijo en 180 grados. La herramienta solo genera el opuesto exacto en el círculo cromático HSL.

¿Qué pasa si edito una de las muestras de salida?

Al editar una muestra, el texto del color se actualiza, pero los dos colores ya no serán necesariamente complementarios. La relación se pierde al modificar cualquiera de los dos.

¿El color complementario se calcula con el mismo formato que ingreso?

El color base se conserva exactamente en el formato que ingresaste. El complementario se calcula internamente en HSL y se convierte a RGB, por lo que el formato de salida puede diferir.

El procesamiento se realiza localmente en tu navegador.