Hergestellt in 06/26/2025 08:32
Next-Gen Mobile Dev Patterns
- Gesture Teal#2dd4bf
- Speed Pink#f472b6
- Tap Indigo#6366f1
- Latency Gray#e5e7eb
- Haptic Blush#fbcfe8
- Thread Navy#1e293b
- Touchpoint Cream#fefce8
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Tap Indigo #6366f1 und Touchpoint Cream #fefce8. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #1E293B (dunkelstes) bis #FEFCE8 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #1E293B, #2DD4BF, #6366F1, #E5E7EB, #F472B6, #FBCFE8, #FEFCE8
Die Palette Next-Gen Mobile Dev Patterns enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #2dd4bf, RGB: (45, 212, 191); VERHEXEN: #f472b6, RGB: (244, 114, 182); VERHEXEN: #6366f1, RGB: (99, 102, 241)
VERHEXEN: #e5e7eb, RGB: (229, 231, 235); VERHEXEN: #fbcfe8, RGB: (251, 207, 232); VERHEXEN: #1e293b, RGB: (30, 41, 59)
VERHEXEN: #fefce8, RGB: (254, 252, 232)
Vereinfachte Version der Palettenfarben
Farbton von turquoise, Schatten von hotpink, Farbton von mediumslateblue, Schatten von gainsboro, Schatten von thistle, Schatten von midnightblue, Farbton von ivory
Farbschema wurde erstellt von coolor
Farbcodes in der Palette
Next-Gen Mobile Dev Patterns Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Gesture Teal | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Speed Pink | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Tap Indigo | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Latency Gray | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Haptic Blush | — |
| #1e293b | #1e293b | RGB(30, 41, 59) | Thread Navy | — |
| #fefce8 | #fefce8 | RGB(254, 252, 232) | Touchpoint Cream | — |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#2dd4bf | #f472b6 | 1.42 |
#2dd4bf | #e5e7eb | 1.5 |
#2dd4bf | #fbcfe8 | 1.34 |
#2dd4bf | #fefce8 | 1.79 |
#f472b6 | #6366f1 | 1.68 |
#f472b6 | #fbcfe8 | 1.91 |
Bildpalette Next-Gen Mobile Dev Patterns png
Palette exportieren
Laden Sie die "Next-Gen Mobile Dev Patterns" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: