Créé à 04/29/2021 16:06
Material Design Color Palette (nº4)
deep-purple lighten-5
#ede7f6
deep-purple lighten-4
#d1c4e9
deep-purple lighten-3
#b39ddb
deep-purple lighten-2
#9575cd
deep-purple lighten-1
#7e57c2
deep-purple
#673ab7
deep-purple darken-1
#5e35b1
deep-purple darken-2
#512da8
deep-purple darken-3
#4527a0
deep-purple darken-4
#311b92
deep-purple accent-1
#b388ff
deep-purple accent-2
#7c4dff
deep-purple accent-3
#651fff
deep-purple accent-4
#6200ea
La palette se compose de Lumière, Sombre, Semi foncé couleurs. Couleurs d'accent deep-purple accent-1 #b388ff et deep-purple accent-2 #7c4dff. La palette a une température de couleur Neutre, Froid.
La palette Material Design Color Palette (nº4) a une combinaison de couleurs de codes 14:
HEX: #ede7f6, RVB: (237, 231, 246); HEX: #d1c4e9, RVB: (209, 196, 233); HEX: #b39ddb, RVB: (179, 157, 219)
HEX: #9575cd, RVB: (149, 117, 205); HEX: #7e57c2, RVB: (126, 87, 194); HEX: #673ab7, RVB: (103, 58, 183)
HEX: #5e35b1, RVB: (94, 53, 177); HEX: #512da8, RVB: (81, 45, 168); HEX: #4527a0, RVB: (69, 39, 160)
HEX: #311b92, RVB: (49, 27, 146); HEX: #b388ff, RVB: (179, 136, 255); HEX: #7c4dff, RVB: (124, 77, 255)
HEX: #651fff, RVB: (101, 31, 255); HEX: #6200ea, RVB: (98, 0, 234)
Version simplifiée des couleurs de la palette
Ombre de lavender, Ombre de thistle, Nuance de plum, Ombre de mediumpurple, Ombre de slateblue, Nuance de blueviolet, Ombre de darkslateblue, Nuance de darkslateblue, Nuance de darkslateblue, Ombre de darkblue, Ombre de mediumpurple, Nuance de mediumslateblue, Nuance de blueviolet, Ombre de Bleu
Le jeu de couleurs a été créé par MyPalettes
Codes couleurs dans la palette
Material Design Color Palette (nº4) codes de couleur HEX, informations RVB dans le tableau
Couleur | HEX | RVB | Nom | Autre nom |
#ede7f6 | RVB(237, 231, 246) | deep-purple lighten-5 | — | |
#d1c4e9 | RVB(209, 196, 233) | deep-purple lighten-4 | — | |
#b39ddb | RVB(179, 157, 219) | deep-purple lighten-3 | — | |
#9575cd | RVB(149, 117, 205) | deep-purple lighten-2 | — | |
#7e57c2 | RVB(126, 87, 194) | deep-purple lighten-1 | — | |
#673ab7 | RVB(103, 58, 183) | deep-purple | — | |
#5e35b1 | RVB(94, 53, 177) | deep-purple darken-1 | — | |
#512da8 | RVB(81, 45, 168) | deep-purple darken-2 | — | |
#4527a0 | RVB(69, 39, 160) | deep-purple darken-3 | — | |
#311b92 | RVB(49, 27, 146) | deep-purple darken-4 | — | |
#b388ff | RVB(179, 136, 255) | deep-purple accent-1 | — | |
#7c4dff | RVB(124, 77, 255) | deep-purple accent-2 | — | |
#651fff | RVB(101, 31, 255) | deep-purple accent-3 | — | |
#6200ea | RVB(98, 0, 234) | deep-purple accent-4 | — |
Contraste de la palette de couleurs
46 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 |
#ede7f6 | #d1c4e9 | 1.35 |
#ede7f6 | #b39ddb | 1.98 |
#d1c4e9 | #b39ddb | 1.45 |
#d1c4e9 | #b388ff | 1.62 |
#b39ddb | #9575cd | 1.53 |
#b39ddb | #b388ff | 1.11 |