Hergestellt in 12/16/2017 13:43
1
Red palette Materialize CSS
red-lighten-5
#ffebee
red-lighten-4
#ffcdd2
red-lighten-3
#ef9a9a
red-lighten-2
#e57373
red-lighten-1
#ef5350
red
#f44336
red-darken-1
#e53935
red-darken-2
#d32f2f
red-darken-3
#c62828
red-darken-4
#b71c1c
red-accent-1
#ff8a80
red-accent-2
#ff5252
red-accent-3
#ff1744
red-accent-4
#d50000
Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben red-lighten-5 #ffebee und red-lighten-4 #ffcdd2. Palette hat Farbtemperatur Neutral, Warm.
Die Palette Red palette Materialize CSS enthält eine Kombination aus 14-Codefarben:
VERHEXEN: #ffebee, RGB: (255, 235, 238); VERHEXEN: #ffcdd2, RGB: (255, 205, 210); VERHEXEN: #ef9a9a, RGB: (239, 154, 154)
VERHEXEN: #e57373, RGB: (229, 115, 115); VERHEXEN: #ef5350, RGB: (239, 83, 80); VERHEXEN: #f44336, RGB: (244, 67, 54)
VERHEXEN: #e53935, RGB: (229, 57, 53); VERHEXEN: #d32f2f, RGB: (211, 47, 47); VERHEXEN: #c62828, RGB: (198, 40, 40)
VERHEXEN: #b71c1c, RGB: (183, 28, 28); VERHEXEN: #ff8a80, RGB: (255, 138, 128); VERHEXEN: #ff5252, RGB: (255, 82, 82)
VERHEXEN: #ff1744, RGB: (255, 23, 68); VERHEXEN: #d50000, RGB: (213, 0, 0)
Vereinfachte Version der Palettenfarben
Farbton von lavenderblush, Schatten von Rosa, Schatten von lightcoral, Farbton von lightcoral, Schatten von indianred, Farbton von tomato, Schatten von Rot, Schatten von crimson, Schatten von firebrick, Farbton von firebrick, Schatten von salmon, Farbton von tomato, Schatten von crimson, Farbton von firebrick
Farbschema wurde erstellt von mz
Farbcodes in der Palette
Red palette Materialize CSS Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ffebee | RGB(255, 235, 238) | red-lighten-5 | Just Pink Enough | |
| #ffcdd2 | RGB(255, 205, 210) | red-lighten-4 | — | |
| #ef9a9a | RGB(239, 154, 154) | red-lighten-3 | — | |
| #e57373 | RGB(229, 115, 115) | red-lighten-2 | — | |
| #ef5350 | RGB(239, 83, 80) | red-lighten-1 | — | |
| #f44336 | RGB(244, 67, 54) | red | — | |
| #e53935 | RGB(229, 57, 53) | red-darken-1 | — | |
| #d32f2f | RGB(211, 47, 47) | red-darken-2 | — | |
| #c62828 | RGB(198, 40, 40) | red-darken-3 | — | |
| #b71c1c | RGB(183, 28, 28) | red-darken-4 | — | |
| #ff8a80 | RGB(255, 138, 128) | red-accent-1 | — | |
| #ff5252 | RGB(255, 82, 82) | red-accent-2 | — | |
| #ff1744 | RGB(255, 23, 68) | red-accent-3 | — | |
| #d50000 | RGB(213, 0, 0) | red-accent-4 | — |
Farbpalette Kontrast
61 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ffebee | #ffcdd2 | 1.23 |
#ffebee | #ef9a9a | 1.88 |
#ffebee | #ff8a80 | 1.99 |
#ffcdd2 | #ef9a9a | 1.52 |
#ffcdd2 | #ff8a80 | 1.62 |
#ef9a9a | #e57373 | 1.38 |
