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 baseline pass/fail 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 truncamiento silencioso. • APCA usa la implementación independiente de color.js — no el paquete npm apca-w3. • La URL compartible es para el estado del espacio de trabajo; los botones de compartir social 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 — Comprobador de contraste WCAG
Comprobador pegado local, WCAG primero
¿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 baseline 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, CSS color() (incluido display-p3) y colores CSS con nombre — sin interruptor de formato.
¿Cuántos colores de matriz se permiten?
Hasta 16 por eje (256 celdas máx.). Más allá, fallo explícito con 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.
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.