El comprobador de contraste de color que corrige el color
Muchas herramientas solo miden. Aquí ves WCAG 2.1 y APCA, y Fix ajusta la luminosidad del texto hasta AA sin cambiar el matiz. Incluye selector OKLCH y paleta desde foto sin subir archivos.
Fix primero, luego afina
Abre Contraste, define texto y fondo, lee WCAG/APCA y pulsa Fix. Antes/después con Undo.
Selector OKLCH
Plano L×C, matiz aparte, preview UI, armonías y export a HEX, oklch(), CSS, Tailwind v4, JSON.
Referencia Tailwind y nombres CSS
Hubs en inglés con cada stop Tailwind v4 y colores CSS nombrados en oklch(), pares WCAG y enlaces a este Fix.
Cuándo usarlo
Contraste fallido, tokens OKLCH para Tailwind v4, paletas desde capturas sin nube.
Errores comunes
Usar HSL para accesibilidad o girar el matiz para “arreglar” contraste.
CSS tras Fix
Copia oklch() o HEX a variables o @theme.
:root {
--text: oklch(0.35 0.08 250);
--surface: oklch(0.97 0.01 250);
}