Hergestellt in 12/27/2017 19:59
2
Purple palette Materialize CSS
purple lighten-5
#f3e5f5
purple lighten-4
#e1bee7
purple lighten-3
#ce93d8
purple lighten-2
#ba68c8
purple lighten-1
#ab47bc
purple
#9c27b0
purple darken-1
#8e24aa
purple darken-2
#7b1fa2
purple darken-3
#6a1b9a
purple darken-4
#4a148c
purple accent-1
#ea80fc
purple accent-2
#e040fb
purple accent-3
#d500f9
purple accent-4
#aa00ff
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben purple accent-3 #d500f9 und purple accent-4 #aa00ff. Palette hat Farbtemperatur Neutral, Kalt.
Die Palette Purple palette Materialize CSS enthält eine Kombination aus 14-Codefarben:
VERHEXEN: #f3e5f5, RGB: (243, 229, 245); VERHEXEN: #e1bee7, RGB: (225, 190, 231); VERHEXEN: #ce93d8, RGB: (206, 147, 216)
VERHEXEN: #ba68c8, RGB: (186, 104, 200); VERHEXEN: #ab47bc, RGB: (171, 71, 188); VERHEXEN: #9c27b0, RGB: (156, 39, 176)
VERHEXEN: #8e24aa, RGB: (142, 36, 170); VERHEXEN: #7b1fa2, RGB: (123, 31, 162); VERHEXEN: #6a1b9a, RGB: (106, 27, 154)
VERHEXEN: #4a148c, RGB: (74, 20, 140); VERHEXEN: #ea80fc, RGB: (234, 128, 252); VERHEXEN: #e040fb, RGB: (224, 64, 251)
VERHEXEN: #d500f9, RGB: (213, 0, 249); VERHEXEN: #aa00ff, RGB: (170, 0, 255)
Vereinfachte Version der Palettenfarben
Farbton von lavenderblush, Schatten von thistle, Farbton von plum, Schatten von mediumorchid, Farbton von mediumorchid, Farbton von darkorchid, Farbton von darkorchid, Schatten von darkmagenta, Schatten von indigo, Schatten von indigo, Farbton von violet, Schatten von Magenta, Farbton von Magenta, Farbton von blueviolet
Farbschema wurde erstellt von mz
Farbcodes in der Palette
Purple palette Materialize CSS Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #f3e5f5 | RGB(243, 229, 245) | purple lighten-5 | — | |
| #e1bee7 | RGB(225, 190, 231) | purple lighten-4 | — | |
| #ce93d8 | RGB(206, 147, 216) | purple lighten-3 | — | |
| #ba68c8 | RGB(186, 104, 200) | purple lighten-2 | — | |
| #ab47bc | RGB(171, 71, 188) | purple lighten-1 | — | |
| #9c27b0 | RGB(156, 39, 176) | purple | — | |
| #8e24aa | RGB(142, 36, 170) | purple darken-1 | — | |
| #7b1fa2 | RGB(123, 31, 162) | purple darken-2 | — | |
| #6a1b9a | RGB(106, 27, 154) | purple darken-3 | — | |
| #4a148c | RGB(74, 20, 140) | purple darken-4 | — | |
| #ea80fc | RGB(234, 128, 252) | purple accent-1 | — | |
| #e040fb | RGB(224, 64, 251) | purple accent-2 | — | |
| #d500f9 | RGB(213, 0, 249) | purple accent-3 | — | |
| #aa00ff | RGB(170, 0, 255) | purple accent-4 | Digital Violets |
Farbpalette Kontrast
45 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#f3e5f5 | #e1bee7 | 1.36 |
#f3e5f5 | #ce93d8 | 1.97 |
#f3e5f5 | #ea80fc | 1.92 |
#e1bee7 | #ce93d8 | 1.44 |
#e1bee7 | #ea80fc | 1.41 |
#ce93d8 | #ba68c8 | 1.48 |
