Créé à 12/27/2017 19:56
1
Pink palette Materialize CSS
pink lighten-5
#fce4ec
pink lighten-4
#f8bbd0
pink lighten-3
#f48fb1
pink lighten-2
#f06292
pink lighten-1
#ec407a
pink
#e91e63
pink darken-1
#d81b60
pink darken-2
#c2185b
pink darken-3
#ad1457
pink darken-4
#880e4f
pink accent-1
#ff80ab
pink accent-2
#ff4081
pink accent-3
#f50057
pink accent-4
#c51162
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent pink accent-1 #ff80ab et pink accent-2 #ff4081. La palette a une température de couleur Neutre, Chaud.
La palette Pink palette Materialize CSS a une combinaison de couleurs de codes 14:
HEX: #fce4ec, RVB: (252, 228, 236); HEX: #f8bbd0, RVB: (248, 187, 208); HEX: #f48fb1, RVB: (244, 143, 177)
HEX: #f06292, RVB: (240, 98, 146); HEX: #ec407a, RVB: (236, 64, 122); HEX: #e91e63, RVB: (233, 30, 99)
HEX: #d81b60, RVB: (216, 27, 96); HEX: #c2185b, RVB: (194, 24, 91); HEX: #ad1457, RVB: (173, 20, 87)
HEX: #880e4f, RVB: (136, 14, 79); HEX: #ff80ab, RVB: (255, 128, 171); HEX: #ff4081, RVB: (255, 64, 129)
HEX: #f50057, RVB: (245, 0, 87); HEX: #c51162, RVB: (197, 17, 98)
Version simplifiée des couleurs de la palette
Nuance de lavenderblush, Nuance de Rose, Ombre de palevioletred, Nuance de palevioletred, Ombre de deeppink, Ombre de crimson, Ombre de crimson, Nuance de mediumvioletred, Nuance de mediumvioletred, Ombre de Violet, Ombre de hotpink, Ombre de deeppink, Nuance de crimson, Nuance de mediumvioletred
Le jeu de couleurs a été créé par mz
Codes couleurs dans la palette
Pink palette Materialize CSS codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #fce4ec | RVB(252, 228, 236) | pink lighten-5 | — | |
| #f8bbd0 | RVB(248, 187, 208) | pink lighten-4 | — | |
| #f48fb1 | RVB(244, 143, 177) | pink lighten-3 | — | |
| #f06292 | RVB(240, 98, 146) | pink lighten-2 | — | |
| #ec407a | RVB(236, 64, 122) | pink lighten-1 | — | |
| #e91e63 | RVB(233, 30, 99) | pink | — | |
| #d81b60 | RVB(216, 27, 96) | pink darken-1 | — | |
| #c2185b | RVB(194, 24, 91) | pink darken-2 | — | |
| #ad1457 | RVB(173, 20, 87) | pink darken-3 | — | |
| #880e4f | RVB(136, 14, 79) | pink darken-4 | — | |
| #ff80ab | RVB(255, 128, 171) | pink accent-1 | — | |
| #ff4081 | RVB(255, 64, 129) | pink accent-2 | — | |
| #f50057 | RVB(245, 0, 87) | pink accent-3 | — | |
| #c51162 | RVB(197, 17, 98) | pink accent-4 | — |
Contraste de la palette de couleurs
55 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 |
#fce4ec | #f8bbd0 | 1.34 |
#fce4ec | #f48fb1 | 1.85 |
#fce4ec | #ff80ab | 1.95 |
#f8bbd0 | #f48fb1 | 1.38 |
#f8bbd0 | #f06292 | 1.89 |
#f8bbd0 | #ff80ab | 1.45 |
