Formule CSS color-mix()

Mélangez deux couleurs dans un espace colorimétrique spécifié.

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.

Appliquez la formule CSS color-mix() 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.

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.