Ludovic Frank Colors

Χρωματική παλέτα Material Design

Οι παλέτες Material Design ακολουθούν τη λογική της Google: ένα κύριο χρώμα, ένα δευτερεύον για τονισμούς, ουδέτερες επιφάνειες και μια κλίμακα γκρι για κείμενο και υψομετρική ιεραρχία.

Παράδειγμα παλέτας

Κύριο#1976D2
Ανοιχτό κύριο#42A5F5
Επιφάνεια#FAFAFA
Δευτερεύον#FFA000
Πάνω στην επιφάνεια#212121

Δεκαεξαδικοί κωδικοί έτοιμοι για αντιγραφή

Φτιαγμένη για διεπαφές

Εκεί όπου οι κλασικές αρμονίες σκέφτονται με αποχρώσεις, το Material σκέφτεται με ρόλους: primary, secondary, surface, on-surface, error. Κάθε χρώμα έχει μια εργασία, κάνοντας την παλέτα άμεσα μετατρέψιμη σε μεταβλητές συστήματος σχεδιασμού.

Αντίθεση και υψομετρική ιεραρχία

Το Material απαιτεί αντίθεση τουλάχιστον 4.5:1 μεταξύ κειμένου και επιφάνειας. Τα επίπεδα ύψους προκύπτουν από προοδευτικό ξάνοιγμα της επιφάνειας αντί για συσσώρευση σκιών, κάτι χρήσιμο στο σκοτεινό θέμα όπου οι σκιές παύουν να φαίνονται.

Άλλες χρωματικές αρμονίες