Barevná paleta Material Design

Palety Material Design se řídí principy Googlu: jedna primární barva, jedna sekundární pro akcenty, neutrální povrchy a stupnice šedé pro text a vyjádření výšky prvků.

Ukázková paleta

Primární#1976D2
Světlá primární#42A5F5
Povrch#FAFAFA
Sekundární#FFA000
Na povrchu#212121

Hexadecimální kódy připravené ke kopírování

Navrženo pro rozhraní

Material Design uspořádává barvy podle jejich rolí: primární, sekundární, povrch, obsah na povrchu a chyba. Každá barva má svůj účel, takže se paleta snadněji převádí na designové tokeny.

Kontrast a výška prvků

Material požaduje kontrast textu vůči jeho povrchu alespoň 4,5:1. Různé úrovně výšky vznikají postupným zesvětlováním povrchu místo vrstvení stínů — to je praktické v tmavém motivu, kde stíny přestávají být viditelné.

Další barevné harmonie