Irodori彩り

Material Design

6 familles de couleurs · 89 tons

89 couleurs

À propos Material Design

Le système de couleur de Material Design part d’une couleur source unique, exprimée en échelle tonale de 13 niveaux (0 à 100) avec des rôles sémantiques comme primary, secondary, tertiary et surface. Cette échelle rend le contraste prévisible en thème clair comme sombre.

Utilisation

Appliquez les rôles via des variables CSS générées comme --md-sys-color-primary, ou avec le Material Theme Builder. Réservez les niveaux les plus sombres au texte et les plus clairs aux surfaces pour respecter le contraste WCAG.

Documentation officielle

Error

Nuances

Neutral variant

Nuances

Neutral

Nuances

Primary

Nuances

Secondary

Nuances

Tertiary

Nuances

Source: Material Web v0.192 · md-ref-palette