Vérificateur de contraste WCAG
Collez les couleurs CSS de premier plan et d'arrière-plan pour voir les verdicts WCAG 2.2 AA/AAA et non-texte 3:1 avec le ratio de contraste. HEX, RGB, HSL, OKLCH, color() et couleurs nommées fonctionnent en vue paire et matrice. Vérifié dans votre navigateur — jamais envoyé.
Notes développeur
• WCAG 2.2 est la baseline pass/fail par défaut (1.4.3, 1.4.6, 1.4.11). • L'alpha du premier plan est composé sur l'arrière-plan avant le ratio. • Plafond matrice : 16 couleurs par axe — une 17e couleur affiche une erreur, jamais une troncature silencieuse. • APCA utilise l'implémentation indépendante de color.js — pas le paquet npm apca-w3. • L'URL partageable est pour l'état de l'espace de travail ; les boutons de partage social sont séparés.
Options
- Superposition APCA (bêta) — Affiche APCA Lc dans une section séparée et étiquetée. Désactivé par défaut. N'implique jamais la conformité WCAG 3.
- Taille et graisse du texte — Définit les seuils WCAG grand texte et l'aperçu d'exemple. Par défaut 20px / 400 (texte normal).
- Alpha du premier plan — Compose le premier plan sur l'arrière-plan avant de calculer le ratio. Par défaut 1 (opaque).
- Filtre de conformité matrice — Affiche ou masque les cellules AAA, AA, AA grand et échec sur la matrice. Masqué en vue paire unique.
Outils CSS associés
Hub : Outils couleur & CSS. Réduisez ou formatez vos feuilles de style avec Minifier CSS et Beautifier CSS.
FAQ — Vérificateur de contraste WCAG
Vérificateur collage-local, WCAG d'abord
APCA est-il identique à WCAG 3 ?
Non. APCA est une superposition bêta optionnelle dans une section séparée. WCAG 2.2 AA/AAA reste la baseline de conformité sur cette page.
Mes couleurs sont-elles envoyées ?
Non. L'analyse et le calcul de contraste s'exécutent entièrement dans votre navigateur. FastMinify n'envoie jamais les couleurs à un serveur.
Quels formats de collage sont acceptés ?
HEX, RGB, HSL, OKLCH, CSS color() (y compris display-p3) et couleurs CSS nommées — sans bascule de format requise.
Combien de couleurs en matrice sont autorisées ?
Jusqu'à 16 par axe (256 cellules max). Au-delà, échec explicite avec une erreur visible.
Outils couleur & CSS
Vérification de contraste WCAG en collage local avec syntaxe couleur CSS moderne — vues paire et matrice, jamais envoyé.
Découvrez les autres catégories d'outils
Minifier
Réduisez code et assets pour la production — minifiez JS, CSS, HTML, JSON, XML et SVG avant gzip ou déploiement CDN.
Déminifier
Développez du code minifié ou compressé — déminifiez JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML et d'autres formats pour déboguer ou relire.
Conversion
Transformez des données entre JSON, YAML, XML et CSV localement — sans envoi serveur.
Encodage
Encodez ou décodez Base64, composants URL et entités HTML — uniquement côté client.
Sérialisation
Sérialisez et désérialisez des structures PHP à côté de vos flux JSON.
Outils JSON
Validez, formatez, comparez et explorez des payloads JSON — complémentaires aux minificateurs et convertisseurs.
Outils SVG
Prévisualisez, optimisez avec SVGO, exportez en Data URI, redimensionnez, formatez, convertissez en JSX et validez vos SVG — tout dans le navigateur.
Beautifier
Rendez le code lisible avec une indentation cohérente — beautifiez JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML et plus encore dans votre navigateur.
Préprocesseurs CSS
Compilez SCSS ou LESS en CSS standard dans le navigateur — complétez avec beautify ou minify pour un workflow feuille de style complet.
DevOps & Infra
Format/validate/minify HCL, format & lint Dockerfile, validation Compose et .env.
CI/CD
GitHub Actions et GitLab CI — formater le YAML et vérifier la structure des workflows/jobs dans le navigateur.
Logs & observabilité
JSON/NDJSON ligne à ligne et access logs Nginx/Apache — format, filtre, validation et CSV/TSV.
Kubernetes
Manifestes multi-docs, validation structurelle, starters Ingress/Deployment et formatage values Helm.
Réseau / IP
CIDR, sous-réseaux et helpers IPv4/IPv6 — dans le navigateur.
Sécurité & tokens
JWKS, certificats X.509 et scan de secrets — locaux navigateur.
API & schémas
Outils OpenAPI pour formater, valider et analyser vos specs.
Outils HTTP
cURL, messages HTTP, URLs, HAR et Cookie / Set-Cookie collés dans le navigateur — formater et inspecter, jamais envoyé.
Utilitaires développeur
Timestamps, UUID, ULID, Nanoid, cron, mots de passe, regex, slugify, bases, casse, diff texte et chmod — tout côté client.
Texte & Markdown
Comptez, générez un sommaire Markdown et nettoyez des listes de lignes — dans le navigateur.
IA & LLM
Comptage de tokens, estimation des coûts et fenêtre de contexte — 100 % local.
Données de test
Valeurs de champs synthétiques pour fixtures et seed DB — d'abord des numéros de téléphone en plages réservées.