Material Design -väripaletti
Material Design -paletit noudattavat Googlen periaatetta: yksi pääväri, yksi toissijainen väri korostuksiin, neutraalit pinnat ja harmaa-asteikko tekstiä sekä tasojen erottamista varten.
Esimerkkipaletti
Pääväri#1976D2
Vaalea pääväri#42A5F5
Pinta#FAFAFA
Toissijainen väri#FFA000
Pinnan päällä#212121
Heksakoodit valmiina kopioitaviksi
Suunniteltu käyttöliittymiin
Material Design järjestää värit rooleittain: pääväri, toissijainen väri, pinta, pinnan päällä oleva sisältö ja virhe. Jokaisella värillä on tarkoituksensa, mikä helpottaa paletin liittämistä suunnittelumuuttujiin.
Kontrasti ja tasot
Material edellyttää tekstin ja sen taustapinnan väliltä vähintään kontrastisuhdetta 4,5:1. Tasot syntyvät pintaa asteittain vaalentamalla varjojen pinoamisen sijaan. Tämä on kätevää tummassa teemassa, jossa varjot eivät enää erotu.
Luo paletti: material design
Ilmainen, ei rekisteröitymistä