Hergestellt in 07/23/2025 08:34
Progressive Web App UI Tokens
Offline Charcoal
#1e1e1e
Sync Teal
#00b4d8
Install Sand
#fdf0d5
Push Violet
#b983ff
UI Grid White
#ffffff
Loader Gray
#a8a8a8
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Install Sand #fdf0d5 und Push Violet #b983ff. Palette hat Farbtemperatur Neutral, Kalt.
Die Palette Progressive Web App UI Tokens enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #1e1e1e, RGB: (30, 30, 30); VERHEXEN: #00b4d8, RGB: (0, 180, 216); VERHEXEN: #fdf0d5, RGB: (253, 240, 213)
VERHEXEN: #b983ff, RGB: (185, 131, 255); VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #a8a8a8, RGB: (168, 168, 168)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Farbton von deepskyblue, Farbton von papayawhip, Schatten von mediumpurple, Weiss, Farbton von darkgrey
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Progressive Web App UI Tokens Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Offline Charcoal | — |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Sync Teal | — |
| #fdf0d5 | #fdf0d5 | RGB(253, 240, 213) | Install Sand | — |
| #b983ff | #b983ff | RGB(185, 131, 255) | Push Violet | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | UI Grid White | White |
| #a8a8a8 | #a8a8a8 | RGB(168, 168, 168) | Loader Gray | Uniform Grey |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#00b4d8 | #b983ff | 1.09 |
#00b4d8 | #a8a8a8 | 1.03 |
#fdf0d5 | #ffffff | 1.12 |
#b983ff | #a8a8a8 | 1.13 |
Bildpalette Progressive Web App UI Tokens png
Palette exportieren
Laden Sie die "Progressive Web App UI Tokens" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: