Système de couleurs Material Design
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/material-design/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/material-design/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/material-design/)Use the native HTML custom element.
Le système de design complet de Google qui définit une approche structurée de la sélection des couleurs, du thème et de l'application dans les composants d'interface utilisateur.
Material Design's color system is built around primary and secondary color roles, each with multiple tonal variants. Material Design 3 (Material You) introduced dynamic color, which generates an entire UI palette from a single seed color using the HCT (Hue-Chroma-Tone) color space. The system defines 13 tonal palettes and maps them to specific UI roles like surface, on-surface, primary-container, and on-primary. This systematic approach ensures consistent contrast ratios and visual hierarchy. The Material color utilities provide tools for generating accessible color schemes from any starting color.
Essayez
Générateur de palettes
Générez des palettes de couleurs harmonieuses en utilisant des schémas complémentaires, analogues, triadiques et complémentaires divisés.
Vérificateur de contraste
Vérifiez les ratios de contraste des couleurs selon les directives WCAG 2.1. Testez la conformité AA et AAA pour le texte normal et le grand texte.
Articles associés
Système de couleurs Material Design : l'approche de Google
Explorez le système de couleurs Material Design de Google : palettes tonales, rôles primaire/secondaire, Dynamic Color (Material You), et exemples d'implémentation avec codes hex.
La théorie des couleurs au Bauhaus : Kandinsky, Klee et Itten
Explorez la théorie des couleurs du Bauhaus par Itten, Kandinsky et Klee. Découvrez les correspondances forme-couleur primaires, la sphère des couleurs et l'héritage du Bauhaus dans le design moderne.