Armonía de color
Buscador de colores complementarios y opuestos
Encuentra el color complementario (opuesto) de cualquier color HEX o RGB, además del complementario perceptual OKLCH, el color invertido y esquemas divididos y triádicos.
Color complementario
Gira el tono HSL 180°, el opuesto clásico en la rueda de color.
rgb(246, 175, 60)Complementario perceptual (OKLCH)
Mantiene la luminosidad y el croma OKLCH, así ambos colores se perciben igual de brillantes.
rgb(176, 124, 0)Color invertido
Resta cada canal RGB de 255, como un negativo fotográfico.
rgb(196, 125, 9)Complementario dividido
Triádico
Análogo
Cómo usar esta herramienta
Los colores complementarios están enfrentados en la rueda de color y crean el mayor contraste de tono. Introduce un color para obtener su complementario HSL clásico, un complementario perceptual que mantiene la misma luminosidad, el color RGB invertido y otras armonías creadas a partir de él.
- 1 Introduce un color base.
- 2 Compara el opuesto clásico, el perceptual y el invertido.
- 3 Copia un color o abre el conjunto en la rueda de color.
Preguntas frecuentes
¿Qué es un color complementario?
El color situado justo enfrente en la rueda de color, a 180° de tono. Un azul como #3B82F6, por ejemplo, combina con un naranja.
¿Qué diferencia hay entre color complementario e invertido?
El complementario solo gira el tono y mantiene saturación y luminosidad. Invertir resta cada canal RGB de 255, lo que también invierte la luminosidad: un azul oscuro se convierte en un amarillo claro.
¿Para qué sirve el complementario perceptual?
Los tonos HSL no están repartidos de forma uniforme para el ojo. El complementario OKLCH mantiene la misma luminosidad y croma percibidos, lo que suele dar una pareja más equilibrada.
¿Cómo uso colores complementarios en una interfaz?
Usa uno como color principal y el otro con moderación para acentos y llamadas a la acción. Comprueba el contraste del texto, porque tonos opuestos pueden tener una luminosidad parecida.