Mobile-First Cognitive UI Design
- Tap Feedback Pink#f9a8d4
- Responsive Sky#e0f2fe
- Thumb Zone Yellow#fef9c3
- Focus Ring Blue#3b82f6
- Gesture Gray#9ca3af
- Contrast Black#1c1c1c
Erstellt am 07/19/2025 07:33
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Responsive Sky #e0f2fe und Thumb Zone Yellow #fef9c3. Palette hat Farbtemperatur Warm, Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #1C1C1C (dunkelstes) bis #FEF9C3 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% der Farben sind lebhaft.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
In der Gesamttemperatur neigen die Felder zur warmen Seite (2 von 6).
HEX-Codes (sortiert): #1C1C1C, #3B82F6, #9CA3AF, #E0F2FE, #F9A8D4, #FEF9C3
Die Palette Mobile-First Cognitive UI Design kombiniert 6 Farbcodes:
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #e0f2fe, RGB: (224, 242, 254); HEX: #fef9c3, RGB: (254, 249, 195)
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #9ca3af, RGB: (156, 163, 175); HEX: #1c1c1c, RGB: (28, 28, 28)
Vereinfachte Version der Palettenfarben
Aufhellung von Pflaume, Schattierung von Aliceblau, Schattierung von Chiffongelb, Schattierung von Dodgerblau, Schattierung von Dunkelgrau, Aufhellung von Schwarz
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Mobile-First Cognitive UI Design Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Tap Feedback Pink | — |
| #e0f2fe | #e0f2fe | RGB(224, 242, 254) | Responsive Sky | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Thumb Zone Yellow | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Focus Ring Blue | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Gesture Gray | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Contrast Black | Gray11 |
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#f9a8d4 | #e0f2fe | 1.58 |
#f9a8d4 | #fef9c3 | 1.68 |
#f9a8d4 | #9ca3af | 1.39 |
#e0f2fe | #fef9c3 | 1.06 |
#3b82f6 | #9ca3af | 1.44 |
Bildpalette Mobile-First Cognitive UI Design png
Palette exportieren
Laden Sie die "Mobile-First Cognitive UI Design" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: