Hergestellt in 08/10/2025 21:07
Responsive Mobile UX Pattern Library
BreakPoint Blue
#219ebc
Flexbox Fuchsia
#ee6c4d
Container Cream
#fffaf0
Viewport Violet
#7b2cbf
Grid Gray
#8d99ae
Touch Teal
#00b4d8
Input Indigo
#3f37c9
Die Palette besteht aus Licht-Farben. Akzentfarben Container Cream #fffaf0 und Touch Teal #00b4d8. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette Responsive Mobile UX Pattern Library enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #219ebc, RGB: (33, 158, 188); VERHEXEN: #ee6c4d, RGB: (238, 108, 77); VERHEXEN: #fffaf0, RGB: (255, 250, 240)
VERHEXEN: #7b2cbf, RGB: (123, 44, 191); VERHEXEN: #8d99ae, RGB: (141, 153, 174); VERHEXEN: #00b4d8, RGB: (0, 180, 216)
VERHEXEN: #3f37c9, RGB: (63, 55, 201)
Vereinfachte Version der Palettenfarben
Farbton von cadetblue, Schatten von tomato, floralwhite, Schatten von darkviolet, Schatten von lightslategrey, Farbton von deepskyblue, Schatten von Blau
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Responsive Mobile UX Pattern Library Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #219ebc | #219ebc | RGB(33, 158, 188) | BreakPoint Blue | — |
| #ee6c4d | #ee6c4d | RGB(238, 108, 77) | Flexbox Fuchsia | — |
| #fffaf0 | #fffaf0 | RGB(255, 250, 240) | Container Cream | Floral White |
| #7b2cbf | #7b2cbf | RGB(123, 44, 191) | Viewport Violet | — |
| #8d99ae | #8d99ae | RGB(141, 153, 174) | Grid Gray | — |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Touch Teal | — |
| #3f37c9 | #3f37c9 | RGB(63, 55, 201) | Input Indigo | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#219ebc | #ee6c4d | 1.03 |
#219ebc | #8d99ae | 1.09 |
#219ebc | #00b4d8 | 1.27 |
#ee6c4d | #8d99ae | 1.05 |
#ee6c4d | #00b4d8 | 1.23 |
#7b2cbf | #3f37c9 | 1.13 |
