Créé à 12/27/2017 20:20
1
Indigo palette Materialize CSS
indigo lighten-4
#e8eaf6
indigo lighten-3
#c5cae9
indigo lighten-2
#9fa8da
indigo lighten-1
#7986cb
#5c6bc0
indigo
#3f51b5
indigo darken-1
#3949ab
indigo darken-2
#303f9f
indigo darken-3
#283593
indigo darken-4
#1a237e
indigo accent-1
#8c9eff
indigo accent-4
#304ffe
indigo accent-3
#3d5afe
indigo accent-2
#536dfe
La palette se compose de Lumière, Semi foncé, Sombre couleurs. Couleurs d'accent indigo accent-1 #8c9eff et indigo accent-4 #304ffe. La palette a une température de couleur Neutre, Froid.
La palette Indigo palette Materialize CSS a une combinaison de couleurs de codes 14:
HEX: #e8eaf6, RVB: (232, 234, 246); HEX: #c5cae9, RVB: (197, 202, 233); HEX: #9fa8da, RVB: (159, 168, 218)
HEX: #7986cb, RVB: (121, 134, 203); HEX: #5c6bc0, RVB: (92, 107, 192); HEX: #3f51b5, RVB: (63, 81, 181)
HEX: #3949ab, RVB: (57, 73, 171); HEX: #303f9f, RVB: (48, 63, 159); HEX: #283593, RVB: (40, 53, 147)
HEX: #1a237e, RVB: (26, 35, 126); HEX: #8c9eff, RVB: (140, 158, 255); HEX: #304ffe, RVB: (48, 79, 254)
HEX: #3d5afe, RVB: (61, 90, 254); HEX: #536dfe, RVB: (83, 109, 254)
Version simplifiée des couleurs de la palette
Ombre de lavender, Ombre de lightsteelblue, Nuance de lightsteelblue, Nuance de cornflowerblue, Ombre de royalblue, Nuance de slateblue, Ombre de darkslateblue, Nuance de darkslateblue, Nuance de darkslateblue, Ombre de midnightblue, Ombre de cornflowerblue, Nuance de slateblue, Nuance de royalblue, Ombre de royalblue
Le jeu de couleurs a été créé par mz
Codes couleurs dans la palette
Indigo palette Materialize CSS codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #e8eaf6 | RVB(232, 234, 246) | indigo lighten-4 | — | |
| #c5cae9 | RVB(197, 202, 233) | indigo lighten-3 | — | |
| #9fa8da | RVB(159, 168, 218) | indigo lighten-2 | — | |
| #7986cb | RVB(121, 134, 203) | indigo lighten-1 | — | |
| #5c6bc0 | RVB(92, 107, 192) | — | — | |
| #3f51b5 | RVB(63, 81, 181) | indigo | — | |
| #3949ab | RVB(57, 73, 171) | indigo darken-1 | — | |
| #303f9f | RVB(48, 63, 159) | indigo darken-2 | — | |
| #283593 | RVB(40, 53, 147) | indigo darken-3 | — | |
| #1a237e | RVB(26, 35, 126) | indigo darken-4 | — | |
| #8c9eff | RVB(140, 158, 255) | indigo accent-1 | — | |
| #304ffe | RVB(48, 79, 254) | indigo accent-4 | — | |
| #3d5afe | RVB(61, 90, 254) | indigo accent-3 | — | |
| #536dfe | RVB(83, 109, 254) | indigo accent-2 | — |
Contraste de la palette de couleurs
43 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 |
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |
