Escritorio de color

Generador de color complementario

Genera el color complementario (tono opuesto) en una rueda HSL determinista.

Generador de color complementario: TOEA aplica esta fórmula fija: Tono complementario = tono base + 180°. El cálculo de color se ejecuta localmente en tu navegador. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.

Se ejecuta
En tu navegador
Coste
Gratis · sin registro
Disponibilidad
Lista para usar
TOEA / MOTOR DE COLOR 01Solo en el navegador
HOJA DE ENTRADA / 01

Valores de color

Los valores se quedan en este dispositivo. Vuelve a calcular tras cambiar una entrada.

HOJA DE RESULTADOS / 02

HEX complementario

#EBAD25

RGB complementario
rgb(235, 173, 37)
Fórmula de trabajoTono complementario = tono base + 180°
SUPUESTOS / LEER ANTES DE USAR
  1. Los resultados son transformaciones matemáticas sRGB deterministas; la apariencia en pantalla depende de tu monitor y del perfil de color.
  2. La entrada HEX acepta notación #RGB o #RRGGBB. Los valores permanecen en tu navegador y no se cargan.

No es el círculo cromático de los pintores

El tono opuesto aquí procede del círculo rojo–verde–azul de las pantallas, donde el rojo se opone al cian, el verde al magenta y el azul al amarillo. El círculo que se enseña en las clases de arte, basado en pinturas rojas, amarillas y azules, combina el rojo con el verde y el azul con el naranja. Por eso, un azul como #2563EB obtiene aquí un color ámbar cálido como complemento, parecido, pero no igual, al naranja que elegiría un pintor. Los grises, el blanco y el negro no tienen tono, así que vuelven sin cambios.

Usar una pareja de complementarios

Dos colores complementarios a máxima intensidad, colocados uno junto al otro, parecen vibrar en el borde que comparten y cansan la vista, especialmente cuando uno se usa como texto sobre el otro. Usa uno como color principal y el otro como un pequeño acento para una llamada a la acción, un resaltado o una línea de gráfico que deba destacar. Aclara u oscurece uno de ellos para que la pareja también se diferencie en luminosidad; así se distinguen mejor para las personas con daltonismo y en escala de grises.

Cómo se usa

  1. Introduce valores #RGB o #RRGGBB válidos y cualquier porcentaje solicitado.
  2. Ejecuta la operación de color fija de forma local en tu navegador.
  3. Revisa las muestras y copia el resultado o los valores de la paleta.

Privacidad y límites

Los valores de color permanecen en este dispositivo. El resultado de contraste es un verificador matemático, no una garantía general de cumplimiento de WCAG; el contexto, el renderizado de fuentes, el contraste de elementos no textuales y los estados de la interfaz de usuario aún requieren revisión.

Herramientas relacionadas

Preguntas frecuentes

¿Cómo funciona el color complementario?

Usa Tono complementario = tono base + 180°.

¿Qué formatos HEX se aceptan?

Usa notación sRGB de tres dígitos #RGB o de seis dígitos #RRGGBB. No se aceptan canales alfa ni nombres de color.

¿El resultado de contraste garantiza el cumplimiento de accesibilidad?

No. Es un verificador matemático de contraste para los colores indicados y los umbrales de texto, no una garantía general de cumplimiento.

Herramienta gratuita · se ejecuta en tu navegador · sin cuenta