Cross-Device App Design Tokens
- Responsive Indigo#6366f1
- Touch Mist#f3f4f6
- Resize Gold#facc15
- Screen Slate#334155
- Breakpoint Cream#fff7ed
- Click Coral#f87171
- Flex Black#1f2937
Erstellt am 06/27/2025 17:27
Die Palette besteht aus Hell, Halbdunkel, Dunkel-Farben. Akzentfarben Responsive Indigo #6366f1 und Breakpoint Cream #fff7ed. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #1F2937 (dunkelstes) bis #FFF7ED (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 57% 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 (3 von 7).
HEX-Codes (sortiert): #1F2937, #334155, #6366F1, #F3F4F6, #F87171, #FACC15, #FFF7ED
Die Palette Cross-Device App Design Tokens kombiniert 7 Farbcodes:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #f3f4f6, RGB: (243, 244, 246); HEX: #facc15, RGB: (250, 204, 21)
HEX: #334155, RGB: (51, 65, 85); HEX: #fff7ed, RGB: (255, 247, 237); HEX: #f87171, RGB: (248, 113, 113)
HEX: #1f2937, RGB: (31, 41, 55)
Vereinfachte Version der Palettenfarben
Schattierung von Mittleres Schieferblau, Schattierung von Rauchweiß, Schattierung von Gold, Schattierung von Dunkles Schieferblau, Schattierung von Blütenweiß, Schattierung von Hellkoralle, Aufhellung von Schwarz
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Cross-Device App Design Tokens Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Responsive Indigo | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Touch Mist | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Resize Gold | — |
| #334155 | #334155 | RGB(51, 65, 85) | Screen Slate | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Breakpoint Cream | Fatback |
| #f87171 | #f87171 | RGB(248, 113, 113) | Click Coral | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Flex Black | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#6366f1 | #f87171 | 1.61 |
#f3f4f6 | #facc15 | 1.39 |
#f3f4f6 | #fff7ed | 1.03 |
#facc15 | #fff7ed | 1.44 |
#facc15 | #f87171 | 1.8 |
#334155 | #1f2937 | 1.41 |
Bildpalette Cross-Device App Design Tokens png
Palette exportieren
Laden Sie die "Cross-Device App Design Tokens" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: