Créé à 10/16/2024 10:49
Material Design color palette
Bái Sè White
#eceff1
Hinting Blue
#cfd8dc
Ocean Drive
#b0bec5
Galleria Blue
#90a4ae
Sheltered Bay
#78909c
lightskyblue4
#607d8b
Blue Sentinel
#546e7a
Midnight in the Tropics
#455a64
Azul Petróleo
#37474f
Chimney Sweep
#263238
La palette se compose de Lumière, Semi foncé, Sombre couleurs. Couleurs d'accent Blue Sentinel #546e7a et Chimney Sweep #263238. La palette a une température de couleur Neutre, Froid.
La palette Material Design color palette a une combinaison de couleurs de codes 10:
HEX: #eceff1, RVB: (236, 239, 241); HEX: #cfd8dc, RVB: (207, 216, 220); HEX: #b0bec5, RVB: (176, 190, 197)
HEX: #90a4ae, RVB: (144, 164, 174); HEX: #78909c, RVB: (120, 144, 156); HEX: #607d8b, RVB: (96, 125, 139)
HEX: #546e7a, RVB: (84, 110, 122); HEX: #455a64, RVB: (69, 90, 100); HEX: #37474f, RVB: (55, 71, 79)
HEX: #263238, RVB: (38, 50, 56)
Version simplifiée des couleurs de la palette
Nuance de whitesmoke, Ombre de lightgrey, Nuance de Argent, Nuance de darkgrey, Ombre de lightslategrey, Nuance de slategrey, Nuance de slategrey, Ombre de darkslategrey, Nuance de darkslategrey, Nuance de darkslategrey
Le jeu de couleurs a été créé par MyPalettes
Codes couleurs dans la palette
Material Design color palette codes de couleur HEX, informations RVB dans le tableau
Couleur | HEX | RVB | Nom | Autre nom |
#eceff1 | RVB(236, 239, 241) | Bái Sè White | — | |
#cfd8dc | RVB(207, 216, 220) | Hinting Blue | — | |
#b0bec5 | RVB(176, 190, 197) | Ocean Drive | — | |
#90a4ae | RVB(144, 164, 174) | Galleria Blue | — | |
#78909c | RVB(120, 144, 156) | Sheltered Bay | — | |
#607d8b | RVB(96, 125, 139) | lightskyblue4 | — | |
#546e7a | RVB(84, 110, 122) | Blue Sentinel | — | |
#455a64 | RVB(69, 90, 100) | Midnight in the Tropics | — | |
#37474f | RVB(55, 71, 79) | Azul Petróleo | — | |
#263238 | RVB(38, 50, 56) | Chimney Sweep | — |
Contraste de la palette de couleurs
17 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#eceff1 | #cfd8dc | 1.25 |
#eceff1 | #b0bec5 | 1.65 |
#cfd8dc | #b0bec5 | 1.31 |
#cfd8dc | #90a4ae | 1.78 |
#b0bec5 | #90a4ae | 1.35 |
#b0bec5 | #78909c | 1.75 |