Hergestellt in 06/28/2025 20:05
UX Flow Builder Pro System
- Step Yellow#fcd34d
- Path Indigo#4f46e5
- Screen Cream#fffbeb
- Feedback Pink#f9a8d4
- Transition Gray#9ca3af
- Milestone Mint#34d399
- EndPoint Graphite#1f2937
Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben Path Indigo #4f46e5 und Screen Cream #fffbeb. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #1F2937 (dunkelstes) bis #FFFBEB (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): #1F2937, #34D399, #4F46E5, #9CA3AF, #F9A8D4, #FCD34D, #FFFBEB
Die Palette UX Flow Builder Pro System enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #fcd34d, RGB: (252, 211, 77); VERHEXEN: #4f46e5, RGB: (79, 70, 229); VERHEXEN: #fffbeb, RGB: (255, 251, 235)
VERHEXEN: #f9a8d4, RGB: (249, 168, 212); VERHEXEN: #9ca3af, RGB: (156, 163, 175); VERHEXEN: #34d399, RGB: (52, 211, 153)
VERHEXEN: #1f2937, RGB: (31, 41, 55)
Vereinfachte Version der Palettenfarben
Schatten von gold, Farbton von slateblue, Schatten von oldlace, Schatten von plum, Farbton von darkgrey, Farbton von mediumaquamarine, Schatten von Schwarz
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
UX Flow Builder Pro System Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #fcd34d | #fcd34d | RGB(252, 211, 77) | Step Yellow | — |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Path Indigo | — |
| #fffbeb | #fffbeb | RGB(255, 251, 235) | Screen Cream | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Feedback Pink | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Transition Gray | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Milestone Mint | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | EndPoint Graphite | — |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fcd34d | #fffbeb | 1.39 |
#fcd34d | #f9a8d4 | 1.25 |
#fcd34d | #9ca3af | 1.76 |
#fcd34d | #34d399 | 1.33 |
#fffbeb | #f9a8d4 | 1.74 |
#fffbeb | #34d399 | 1.85 |
Bildpalette UX Flow Builder Pro System png
Palette exportieren
Laden Sie die "UX Flow Builder Pro System" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: