Comprobador de contraste WCAG
Pega los colores CSS de primer plano y fondo para ver los veredictos WCAG 2.2 AA/AAA y no texto 3:1 con la relación de contraste. HEX, RGB, HSL, OKLCH, color() y colores con nombre funcionan en vistas de par y matriz. Comprobado en tu navegador, nunca se envía.
Notas para desarrolladores
WCAG 2.2 es la referencia de aprobado/suspenso por defecto (1.4.3, 1.4.6, 1.4.11). El alfa del primer plano se compone sobre el fondo antes del ratio. Límite de matriz: 16 colores por eje. Un 17.º color muestra un error, nunca un truncamiento silencioso. APCA usa la implementación independiente de color.js, no el paquete npm apca-w3. La URL compartible guarda el estado del espacio de trabajo. Los botones para compartir en redes son independientes.
Opciones
- Superposición APCA (beta) — Muestra APCA Lc en una sección separada y etiquetada. Desactivada por defecto. Nunca implica conformidad WCAG 3.
- Tamaño y peso del texto — Define los umbrales WCAG de texto grande y la vista previa de ejemplo. Por defecto 20px / 400 (texto normal).
- Alfa del primer plano — Compone el primer plano sobre el fondo antes de calcular el ratio. Por defecto 1 (opaco).
- Filtro de conformidad de matriz — Muestra u oculta celdas AAA, AA, AA grande y fallo en la matriz. Oculto en vista de par único.
Herramientas CSS relacionadas
Hub: Herramientas color y CSS. Reduce o formatea hojas de estilo con Minificar CSS y Embellecer CSS.
FAQ del comprobador de contraste WCAG
Comprobador local centrado en WCAG
¿APCA es lo mismo que WCAG 3?
No. APCA es una superposición beta opcional en una sección separada. WCAG 2.2 AA/AAA sigue siendo la referencia de conformidad en esta página.
¿Se suben mis colores?
No. El análisis y el cálculo de contraste se ejecutan íntegramente en tu navegador. FastMinify nunca envía colores a un servidor.
¿Qué formatos de pegado funcionan?
HEX, RGB, HSL, OKLCH, color() de CSS, incluido display-p3, y colores CSS con nombre. No hace falta ningún interruptor de formato.
¿Cuántos colores de matriz se permiten?
Hasta 16 por eje (256 celdas máx.). Más allá, la entrada falla con un error visible.
Herramientas color y CSS
Comprobación de contraste WCAG pegada localmente con sintaxis de color CSS moderna — vistas de par y matriz, nunca se sube.
Explorar otras categorías de herramientas
- Minificar
Reduce código y assets para producción — minifica JavaScript, CSS, HTML, JSON y XML antes de gzip o un despliegue CDN.
- Desminificar
Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.
- Conversión
Transforma datos entre JSON, YAML, XML y CSV en local — sin subidas a un servidor.
- Codificación
Codifica o decodifica Base64, componentes URL y entidades HTML — solo en el cliente.
- Serialización
Serializa y deserializa estructuras PHP junto a los flujos JSON.
- Herramientas JSON
Valida, formatea, compara y explora payloads JSON — complementarias a minificadores y convertidores.
- Herramientas SVG
Previsualiza, optimiza con SVGO, exporta Data URI, redimensiona, embellece, convierte a JSX y valida SVG — todo en tu navegador.
- Embellecer
Haz el código legible con una indentación coherente — embellece JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML y más en tu navegador.
- Preprocesadores CSS
Compila SCSS o LESS a CSS estándar en el navegador — combínalo con embellecer o minificar para un flujo de hoja de estilos completo.
- DevOps e Infra
Formato, validación y minificación de Terraform HCL, formato y lint de Dockerfile, validación de Docker Compose y .env.
- CI/CD
GitHub Actions y GitLab CI — formatear YAML y comprobar la estructura de workflows/jobs en el navegador.
- Logs y observabilidad
JSON/NDJSON línea a línea y access logs de Nginx/Apache — formato, filtro, validación y CSV/TSV.
- Kubernetes
Manifiestos multi-doc, validación estructural, starters Ingress/Deployment y formato de values de Helm.
- Red / IP
CIDR, subredes y ayudas IPv4/IPv6 — en tu navegador.
- Seguridad y tokens
JWKS, certificados X.509 y escaneo de secretos — en local en el navegador.
- API y esquemas
Herramientas OpenAPI para formatear, validar y analizar tus specs.
- Herramientas HTTP
cURL, mensajes HTTP, URLs, HAR y Cookie / Set-Cookie pegados en el navegador — formatear e inspeccionar, nunca se envían.
- Herramientas SEO / Web
Genera meta tags, Open Graph y Twitter Card localmente — vistas simuladas desde tus entradas, nunca fetch de tu sitio en vivo.
- Utilidades para desarrolladores
Timestamps, UUID, ULID, Nanoid, cron, contraseñas, regex, slugify, bases numéricas, mayúsculas, diff de texto y chmod — todo en el cliente.
- Texto y Markdown
Cuenta palabras, genera TOC Markdown y limpia listas de líneas — todo en tu navegador.
- IA y LLM
Conteo de tokens, estimación de costes y ajuste a la ventana de contexto — 100 % en el navegador.
- Datos de prueba
Valores de campo sintéticos para fixtures y seed de BD — primero números de teléfono en rangos reservados.
- Etiquetas de código de barras
Dibuja etiquetas Code 128, EAN-13 y UPC-A en el navegador — descarga PNG y SVG, no es un lookup GS1.