Hergestellt in 06/08/2025 14:47
Progressive Web App Interface Mesh
- Install Blue#00a8e8
- Offline Clay#ececec
- Manifest Coral#ff8c94
- Touchpoint Green#a8e6cf
- Viewport Shadow#2c2c2c
- Push Notify Yellow#ffe066
- Loading Mist#f7f7f7
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Install Blue #00a8e8 und Push Notify Yellow #ffe066. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #2C2C2C (dunkelstes) bis #F7F7F7 (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).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #00A8E8, #2C2C2C, #A8E6CF, #ECECEC, #F7F7F7, #FF8C94, #FFE066
Die Palette Progressive Web App Interface Mesh enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #00a8e8, RGB: (0, 168, 232); VERHEXEN: #ececec, RGB: (236, 236, 236); VERHEXEN: #ff8c94, RGB: (255, 140, 148)
VERHEXEN: #a8e6cf, RGB: (168, 230, 207); VERHEXEN: #2c2c2c, RGB: (44, 44, 44); VERHEXEN: #ffe066, RGB: (255, 224, 102)
VERHEXEN: #f7f7f7, RGB: (247, 247, 247)
Vereinfachte Version der Palettenfarben
Farbton von deepskyblue, Farbton von whitesmoke, Schatten von lightcoral, Farbton von paleturquoise, Schatten von Schwarz, Schatten von gold, Schatten von whitesmoke
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Progressive Web App Interface Mesh Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #00a8e8 | #00a8e8 | RGB(0, 168, 232) | Install Blue | — |
| #ececec | #ececec | RGB(236, 236, 236) | Offline Clay | — |
| #ff8c94 | #ff8c94 | RGB(255, 140, 148) | Manifest Coral | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Touchpoint Green | — |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Viewport Shadow | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Push Notify Yellow | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Loading Mist | Lynx White |
Farbpalette Kontrast
11 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#00a8e8 | #ff8c94 | 1.21 |
#00a8e8 | #a8e6cf | 1.91 |
#ececec | #ff8c94 | 1.88 |
#ececec | #a8e6cf | 1.19 |
#ececec | #ffe066 | 1.1 |
#ececec | #f7f7f7 | 1.1 |
Bildpalette Progressive Web App Interface Mesh png
Palette exportieren
Laden Sie die "Progressive Web App Interface Mesh" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: