Paleta kolorów Material Design
Palety Material Design podążają za podejściem Google: jeden kolor główny, drugi do akcentów, neutralne powierzchnie oraz skala szarości do tekstu i poziomów wyniesienia.
Przykładowa paleta
Główny#1976D2
Jasny główny#42A5F5
Powierzchnia#FAFAFA
Dodatkowy#FFA000
Na powierzchni#212121
Kody szesnastkowe gotowe do skopiowania
Z myślą o interfejsach
Material Design porządkuje kolory według ról: główny, dodatkowy, powierzchnia, treść na powierzchni i błąd. Każdy kolor ma swoje zadanie, co ułatwia przypisanie palety do tokenów projektowych.
Kontrast i wyniesienie
Material wymaga kontrastu co najmniej 4,5:1 między tekstem a powierzchnią pod nim. Poziomy wyniesienia powstają przez stopniowe rozjaśnianie powierzchni zamiast nakładania kolejnych cieni — to przydatne w ciemnym motywie, gdzie cienie przestają być widoczne.
Wygeneruj paletę: material design
Za darmo, bez rejestracji