apcach = APCA + OKLCH. Dado un contraste, croma y tono objetivo, calcula el color exacto que lo satisface — establece "cuánto contraste" primero, luego obtén el color.
Rol de color compuesto
Superficie de referencia
Objetivo |Lc|
75
Medido |Lc|
75.2±0.1
La luminosidad se resuelve mediante búsqueda binaria: con este croma y tono, este es el color exacto que alcanza el contraste objetivo. · El color está dentro de la gama sRGB.
Convierte el contraste de una métrica de validación en un punto de partida — declara primero cuánta legibilidad necesitas, y el motor resuelve el color.
¿El color compuesto será texto o una superficie? Consulta el blanco puro, el negro puro o introduce un fondo personalizado.
Arrastra |Lc| hasta el objetivo (texto cuerpo ≥75, tipo grande ≥60), luego ajusta el croma y el matiz; activa "Croma máximo" para obtener el valor más saturado realizable para ese matiz.
El |Lc| medido sigue el objetivo en tiempo real (dentro de ±0.1); copia oklch()/hex/rgb() directamente en CSS.
Tres preguntas frecuentes sobre apcach.
Comprueba el color compuesto con la proporción WCAG en la herramienta de contraste, o expándelo a una escala de 11 pasos.
Validación de contraste WCAG 2.1 entre cualquier color de primer plano y fondo.
Ajusta L / C / H en el espacio OKLCH perceptualmente uniforme con vista previa en vivo y salida oklch() / HEX / RGB.
Introduce un color de marca, obtén primario / secundario / éxito / advertencia / peligro — exportado como configuración Tailwind y variables CSS.