Hergestellt in 08/23/2025 07:31
Mobile Dashboard Web Component Matrix
- Interface White#ffffff
- Adaptive Aqua#00bcd4
- Sidebar Slate#263238
- Button Coral#ff6f61
- System Orange#ff9800
- Accent Violet#9c27b0
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Adaptive Aqua #00bcd4 und System Orange #ff9800. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #263238 (dunkelstes) bis #FFFFFF (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).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #00BCD4, #263238, #9C27B0, #FF6F61, #FF9800, #FFFFFF
Die Palette Mobile Dashboard Web Component Matrix enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #00bcd4, RGB: (0, 188, 212); VERHEXEN: #263238, RGB: (38, 50, 56)
VERHEXEN: #ff6f61, RGB: (255, 111, 97); VERHEXEN: #ff9800, RGB: (255, 152, 0); VERHEXEN: #9c27b0, RGB: (156, 39, 176)
Vereinfachte Version der Palettenfarben
Weiss, Farbton von darkturquoise, Farbton von darkslategrey, Farbton von salmon, Schatten von darkorange, Farbton von darkorchid
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
Mobile Dashboard Web Component Matrix Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ffffff | #ffffff | RGB(255, 255, 255) | Interface White | White |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Adaptive Aqua | — |
| #263238 | #263238 | RGB(38, 50, 56) | Sidebar Slate | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Button Coral | Living Coral |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | System Orange | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Accent Violet | — |
Farbpalette Kontrast
3 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#00bcd4 | #ff6f61 | 1.18 |
#00bcd4 | #ff9800 | 1.06 |
#ff6f61 | #ff9800 | 1.26 |
Bildpalette Mobile Dashboard Web Component Matrix png
Palette exportieren
Laden Sie die "Mobile Dashboard Web Component Matrix" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: