Hergestellt in 12/27/2017 20:14
1
Deep Purple palette Materialize CSS
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
Die Palette besteht aus Licht, Dunkel, Halbdunkel-Farben. Akzentfarben deep-purple accent-1 #b388ff und deep-purple accent-2 #7c4dff. Palette hat Farbtemperatur Neutral, Kalt.
Die Palette Deep Purple palette Materialize CSS enthält eine Kombination aus 14-Codefarben:
VERHEXEN: #ede7f6, RGB: (237, 231, 246); VERHEXEN: #d1c4e9, RGB: (209, 196, 233); VERHEXEN: #b39ddb, RGB: (179, 157, 219)
VERHEXEN: #9575cd, RGB: (149, 117, 205); VERHEXEN: #7e57c2, RGB: (126, 87, 194); VERHEXEN: #673ab7, RGB: (103, 58, 183)
VERHEXEN: #5e35b1, RGB: (94, 53, 177); VERHEXEN: #512da8, RGB: (81, 45, 168); VERHEXEN: #4527a0, RGB: (69, 39, 160)
VERHEXEN: #311b92, RGB: (49, 27, 146); VERHEXEN: #b388ff, RGB: (179, 136, 255); VERHEXEN: #7c4dff, RGB: (124, 77, 255)
VERHEXEN: #651fff, RGB: (101, 31, 255); VERHEXEN: #6200ea, RGB: (98, 0, 234)
Vereinfachte Version der Palettenfarben
Schatten von lavender, Schatten von thistle, Farbton von plum, Schatten von mediumpurple, Schatten von slateblue, Farbton von blueviolet, Schatten von darkslateblue, Farbton von darkslateblue, Farbton von darkslateblue, Schatten von darkblue, Schatten von mediumpurple, Farbton von mediumslateblue, Farbton von blueviolet, Schatten von Blau
Farbschema wurde erstellt von mz
Farbcodes in der Palette
Deep Purple palette Materialize CSS Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ede7f6 | RGB(237, 231, 246) | deep-purple lighten-5 | — | |
| #d1c4e9 | RGB(209, 196, 233) | deep-purple lighten-4 | — | |
| #b39ddb | RGB(179, 157, 219) | deep-purple lighten-3 | — | |
| #9575cd | RGB(149, 117, 205) | deep-purple lighten-2 | — | |
| #7e57c2 | RGB(126, 87, 194) | deep-purple lighten-1 | — | |
| #673ab7 | RGB(103, 58, 183) | deep-purple | — | |
| #5e35b1 | RGB(94, 53, 177) | deep-purple darken-1 | — | |
| #512da8 | RGB(81, 45, 168) | deep-purple darken-2 | — | |
| #4527a0 | RGB(69, 39, 160) | deep-purple darken-3 | — | |
| #311b92 | RGB(49, 27, 146) | deep-purple darken-4 | — | |
| #b388ff | RGB(179, 136, 255) | deep-purple accent-1 | — | |
| #7c4dff | RGB(124, 77, 255) | deep-purple accent-2 | — | |
| #651fff | RGB(101, 31, 255) | deep-purple accent-3 | — | |
| #6200ea | RGB(98, 0, 234) | deep-purple accent-4 | — |
Farbpalette Kontrast
46 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ede7f6 | #d1c4e9 | 1.35 |
#ede7f6 | #b39ddb | 1.98 |
#d1c4e9 | #b39ddb | 1.45 |
#d1c4e9 | #b388ff | 1.62 |
#b39ddb | #9575cd | 1.53 |
#b39ddb | #b388ff | 1.11 |
