Mobile UI Interaction Tokens
- Tap Sky#60a5fa
- Drag Lilac#c4b5fd
- Swipe Mint#34d399
- Hold Coral#fb7185
- Drop Cream#fffdf7
- Press Graphite#1f2937
- Bounce Fog#f3f4f6
Erstellt am 06/28/2025 20:35
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Drag Lilac #c4b5fd und Drop Cream #fffdf7. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #1F2937 (dunkelstes) bis #FFFDF7 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 71% 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 kalten Seite (4 von 7).
HEX-Codes (sortiert): #1F2937, #34D399, #60A5FA, #C4B5FD, #F3F4F6, #FB7185, #FFFDF7
Die Palette Mobile UI Interaction Tokens kombiniert 7 Farbcodes:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #c4b5fd, RGB: (196, 181, 253); HEX: #34d399, RGB: (52, 211, 153)
HEX: #fb7185, RGB: (251, 113, 133); HEX: #fffdf7, RGB: (255, 253, 247); HEX: #1f2937, RGB: (31, 41, 55)
HEX: #f3f4f6, RGB: (243, 244, 246)
Vereinfachte Version der Palettenfarben
Aufhellung von Kornblumenblau, Aufhellung von Helles Stahlblau, Schattierung von Mittleres Aquamarin, Schattierung von Hellkoralle, Aufhellung von Blütenweiß, Aufhellung von Schwarz, Schattierung von Rauchweiß
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Mobile UI Interaction Tokens Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Tap Sky | — |
| #c4b5fd | #c4b5fd | RGB(196, 181, 253) | Drag Lilac | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Swipe Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Hold Coral | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Drop Cream | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Press Graphite | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Bounce Fog | — |
Farbpalette Kontrast
11 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#60a5fa | #c4b5fd | 1.37 |
#60a5fa | #34d399 | 1.32 |
#60a5fa | #fb7185 | 1.05 |
#c4b5fd | #34d399 | 1.04 |
#c4b5fd | #fb7185 | 1.45 |
#c4b5fd | #fffdf7 | 1.81 |
Bildpalette Mobile UI Interaction Tokens png
Palette exportieren
Laden Sie die "Mobile UI Interaction Tokens" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: