¿La fórmula de color complementario es precisa para los flujos de trabajo de impresión?

La pantalla RGB y la impresión CMYK utilizan diferentes gamas. Trate las conversiones como pruebas aproximadas; calibre con perfiles ICC para impresión comercial.

¿Puedo usar esta fórmula en CSS?

El CSS moderno admite color-mix(), oklch() y lab() para muchas operaciones. Para canalizaciones complejas, calcule en JavaScript y exporte variables CSS.

¿Color DevByte carga mis colores?

No. Las páginas de referencia de fórmulas son documentación estática; Las herramientas interactivas se ejecutan 100% del lado del cliente en su navegador.

Fórmula de color complementaria

Encuentre el tono opuesto en la rueda de colores para pares de alto contraste.

Formula

H_complemento = (H + 180°) mod 360°; mantenga S y L o ajústelos para accesibilidad.

Variables

R, G, B: Canales sRGB (0–255 o 0–1 normalizados)
H, S, L: Tono (grados), saturación y luminosidad (0–1) en HSL
l: Luminancia relativa (WCAG) o luminosidad en HSL/OKLCH

FAQ

¿La fórmula de color complementario es precisa para los flujos de trabajo de impresión?: La pantalla RGB y la impresión CMYK utilizan diferentes gamas. Trate las conversiones como pruebas aproximadas; calibre con perfiles ICC para impresión comercial.
¿Puedo usar esta fórmula en CSS?: El CSS moderno admite color-mix(), oklch() y lab() para muchas operaciones. Para canalizaciones complejas, calcule en JavaScript y exporte variables CSS.
¿Color DevByte carga mis colores?: No. Las páginas de referencia de fórmulas son documentación estática; Las herramientas interactivas se ejecutan 100% del lado del cliente en su navegador.

Browse color tools

Descripción general

Encuentre el tono opuesto en la rueda de colores para pares de alto contraste.

Color DevByte documenta esta fórmula para desarrolladores, diseñadores y revisores de accesibilidad que necesitan matemáticas de color reproducibles sin enviar datos a un servidor.

Utilice las herramientas de color vinculadas para aplicar esta fórmula de forma interactiva con vista previa en vivo y exportación multiformato.

Cuándo utilizar esta fórmula

Aplique la fórmula de color complementaria al crear tokens de diseño, validar el contraste WCAG o automatizar canalizaciones de color en CSS, Tailwind o JSON del sistema de diseño.

Para la interfaz de usuario de producción, verifique siempre los resultados con un verificador de contraste o una vista previa visual: los casos extremos en la corrección gamma y el mapeo de gama pueden cambiar los resultados.

Notas de implementación

Las herramientas basadas en navegador deben linealizar sRGB antes de los cálculos de luminancia o ΔE.

Prefiera la interpolación OKLCH o LAB para degradados y temas para evitar puntos medios grisáceos comunes en las mezclas RGB.