Formule de palette tonale Material 3
Formula
L'algorithme HCT teinte/chroma/ton produit des rôles primaires, secondaires, tertiaires et neutres.
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 de la palette de tons Material 3 est-elle adaptée aux 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
Générez des palettes Tonal Spot à partir d’une couleur de départ.
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 de la palette de tons Material 3 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.