Formule de rapport de contraste WCAG
Formula
Contraste = (L1 + 0,05) / (L2 + 0,05) où L1 est la luminance plus claire.
Variables
- R, V, B
- Canaux sRVB (0 à 255 ou 0 à 1 normalisé)
- H, S, L
- Teinte (degrés), saturation et luminosité (0–1) en HSL
- L
- Luminance relative (WCAG) ou luminosité en HSL/OKLCH
FAQ
- La formule du rapport de contraste WCAG est-elle précise pour les flux de travail d'impression ?
- L'écran RVB et l'impression CMJN utilisent des gammes différentes. Traitez les conversions comme des preuves approximatives ; calibrer avec des profils ICC pour l’impression commerciale.
- Puis-je utiliser cette formule en CSS ?
- Le CSS moderne prend en charge color-mix(), oklch() et lab() pour de nombreuses opérations. Pour les pipelines complexes, calculez en JavaScript et exportez les variables CSS.
- Color DevByte télécharge-t-il mes couleurs ?
- Non. Les pages de référence sur les formules sont une documentation statique ; les outils interactifs fonctionnent à 100 % côté client dans votre navigateur.
Aperçu
Calculez le contraste de luminance relatif entre les couleurs de premier plan et d’arrière-plan.
Color DevByte documente cette formule pour les développeurs, les concepteurs et les réviseurs d'accessibilité qui ont besoin de calculs de couleurs reproductibles sans envoyer de données à un serveur.
Utilisez les outils de couleur liés pour appliquer cette formule de manière interactive avec un aperçu en direct et une exportation multiformat.
Quand utiliser cette formule
Appliquez la formule du rapport de contraste wcag lors de la création de jetons de conception, de la validation du contraste WCAG ou de l'automatisation des pipelines de couleurs dans CSS, Tailwind ou JSON du système de conception.
Pour l’interface utilisateur de production, vérifiez toujours les résultats avec un vérificateur de contraste ou un aperçu visuel : les cas extrêmes de correction gamma et de mappage de gamme peuvent modifier les résultats.
Notes de mise en œuvre
Les outils basés sur un navigateur doivent linéariser sRGB avant les calculs de luminance ou de ΔE.
Préférez l'interpolation OKLCH ou LAB pour les dégradés et les thèmes afin d'éviter les points médians grisâtres courants dans les mélanges RVB.