Material Design-kleurenpalet
Material Design-paletten volgen de logica van Google: één primaire kleur, één secundaire kleur voor accenten, neutrale oppervlakken en een grijsschaal voor tekst en hoogtelagen.
Voorbeeldpalet
Primair#1976D2
Licht primair#42A5F5
Oppervlak#FAFAFA
Secundair#FFA000
Op oppervlak#212121
Hexcodes klaar om te kopiëren
Ontworpen voor interfaces
Material Design ordent kleuren op functie: primair, secundair, oppervlak, op oppervlak en fout. Elke kleur heeft een doel, waardoor je het palet makkelijker aan ontwerptokens kunt koppelen.
Contrast en hoogtelagen
Material vereist minstens 4,5:1 contrast tussen tekst en het bijbehorende oppervlak. Hoogtelagen ontstaan door het oppervlak geleidelijk lichter te maken in plaats van schaduwen te stapelen. Dat is handig in een donker thema, waar schaduwen niet meer zichtbaar zijn.
Mijn palet genereren: material design
Gratis, zonder registratie
