Hergestellt in 03/30/2026 11:50
Cross Platform Mobile Flutter Reactive UI System Palette
- Flutter Blue#2563eb
- Widget Green#22c55e
- State Purple#7c3aed
- Action Orange#fb923c
- Feedback Red#dc2626
- Neutral Gray#9ca3af
- Background White#ffffff
Die Palette besteht aus Halbdunkel, Licht-Farben. Akzentfarben State Purple #7c3aed und Action Orange #fb923c. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #22C55E (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist moderat.
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): #22C55E, #2563EB, #7C3AED, #9CA3AF, #DC2626, #FB923C, #FFFFFF
Die Palette Cross Platform Mobile Flutter Reactive UI System Palette enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #2563eb, RGB: (37, 99, 235); VERHEXEN: #22c55e, RGB: (34, 197, 94); VERHEXEN: #7c3aed, RGB: (124, 58, 237)
VERHEXEN: #fb923c, RGB: (251, 146, 60); VERHEXEN: #dc2626, RGB: (220, 38, 38); VERHEXEN: #9ca3af, RGB: (156, 163, 175)
VERHEXEN: #ffffff, RGB: (255, 255, 255)
Vereinfachte Version der Palettenfarben
Farbton von royalblue, Farbton von limegreen, Schatten von blueviolet, Schatten von darkorange, Schatten von crimson, Farbton von darkgrey, Weiss
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Cross Platform Mobile Flutter Reactive UI System Palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #2563eb | #2563eb | RGB(37, 99, 235) | Flutter Blue | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Widget Green | — |
| #7c3aed | #7c3aed | RGB(124, 58, 237) | State Purple | — |
| #fb923c | #fb923c | RGB(251, 146, 60) | Action Orange | — |
| #dc2626 | #dc2626 | RGB(220, 38, 38) | Feedback Red | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Neutral Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#2563eb | #7c3aed | 1.1 |
#2563eb | #dc2626 | 1.07 |
#22c55e | #fb923c | 1 |
#22c55e | #9ca3af | 1.11 |
#7c3aed | #dc2626 | 1.17 |
#fb923c | #9ca3af | 1.12 |
Bildpalette Cross Platform Mobile Flutter Reactive UI System Palette png
Palette exportieren
Laden Sie die "Cross Platform Mobile Flutter Reactive UI System Palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: