Hergestellt in 02/09/2021 10:33
Material Design Color Palette (20 colors) (2)
Red
#f44336
Pink
#e81e63
Purple
#9c27b0
Deep Purple
#673ab7
Indigo
#3f51b5
Blue
#2196f3
Light Blue
#03a9f4
Cyan
#00bcd4
Teal
#009688
Green
#4caf50
Light Green
#8bc34a
Lime
#cddc39
Yellow
#ffeb3b
Amber
#ffc107
Orange
#ff9800
Deep Orange
#ff5722
Brown
#795548
Gray
#9e9e9e
Blue Gray
#607d8b
#ffffff
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Cyan #00bcd4 und Yellow #ffeb3b. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Die Palette Material Design Color Palette (20 colors) (2) enthält eine Kombination aus 20-Codefarben:
VERHEXEN: #f44336, RGB: (244, 67, 54); VERHEXEN: #e81e63, RGB: (232, 30, 99); VERHEXEN: #9c27b0, RGB: (156, 39, 176)
VERHEXEN: #673ab7, RGB: (103, 58, 183); VERHEXEN: #3f51b5, RGB: (63, 81, 181); VERHEXEN: #2196f3, RGB: (33, 150, 243)
VERHEXEN: #03a9f4, RGB: (3, 169, 244); VERHEXEN: #00bcd4, RGB: (0, 188, 212); VERHEXEN: #009688, RGB: (0, 150, 136)
VERHEXEN: #4caf50, RGB: (76, 175, 80); VERHEXEN: #8bc34a, RGB: (139, 195, 74); VERHEXEN: #cddc39, RGB: (205, 220, 57)
VERHEXEN: #ffeb3b, RGB: (255, 235, 59); VERHEXEN: #ffc107, RGB: (255, 193, 7); VERHEXEN: #ff9800, RGB: (255, 152, 0)
VERHEXEN: #ff5722, RGB: (255, 87, 34); VERHEXEN: #795548, RGB: (121, 85, 72); VERHEXEN: #9e9e9e, RGB: (158, 158, 158)
VERHEXEN: #607d8b, RGB: (96, 125, 139); VERHEXEN: #ffffff, RGB: (255, 255, 255)
Vereinfachte Version der Palettenfarben
Farbton von tomato, Schatten von crimson, Farbton von darkorchid, Farbton von blueviolet, Farbton von slateblue, Schatten von dodgerblue, Farbton von deepskyblue, Farbton von darkturquoise, Schatten von darkcyan, Farbton von mediumseagreen, Farbton von Gelbgrün, Schatten von Gelbgrün, Farbton von Gelb, Farbton von gold, Schatten von darkorange, Schatten von orangered, Farbton von sienna, Farbton von darkgrey, Farbton von slategrey, Weiss
Farbschema wurde erstellt von MyPalettes
Farbcodes in der Palette
Material Design Color Palette (20 colors) (2) Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #f44336 | RGB(244, 67, 54) | Red | — | |
| #e81e63 | RGB(232, 30, 99) | Pink | — | |
| #9c27b0 | RGB(156, 39, 176) | Purple | — | |
| #673ab7 | RGB(103, 58, 183) | Deep Purple | — | |
| #3f51b5 | RGB(63, 81, 181) | Indigo | — | |
| #2196f3 | RGB(33, 150, 243) | Blue | — | |
| #03a9f4 | RGB(3, 169, 244) | Light Blue | — | |
| #00bcd4 | RGB(0, 188, 212) | Cyan | — | |
| #009688 | RGB(0, 150, 136) | Teal | — | |
| #4caf50 | RGB(76, 175, 80) | Green | — | |
| #8bc34a | RGB(139, 195, 74) | Light Green | — | |
| #cddc39 | RGB(205, 220, 57) | Lime | — | |
| #ffeb3b | RGB(255, 235, 59) | Yellow | — | |
| #ffc107 | RGB(255, 193, 7) | Amber | — | |
| #ff9800 | RGB(255, 152, 0) | Orange | — | |
| #ff5722 | RGB(255, 87, 34) | Deep Orange | — | |
| #795548 | RGB(121, 85, 72) | Brown | — | |
| #9e9e9e | RGB(158, 158, 158) | Gray | Gray62 | |
| #607d8b | RGB(96, 125, 139) | Blue Gray | — | |
| #ffffff | RGB(255, 255, 255) | — | White |
Farbpalette Kontrast
108 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#f44336 | #e81e63 | 1.18 |
#f44336 | #9c27b0 | 1.71 |
#f44336 | #673ab7 | 1.98 |
#f44336 | #3f51b5 | 1.86 |
#f44336 | #2196f3 | 1.17 |
#f44336 | #03a9f4 | 1.4 |
