Hergestellt in 07/21/2025 12:42
Semantic UX Story Flowchart
- Storyboard Cream#f8f1e7
- Userpath Indigo#5e60ce
- Wireframe Mint#cfffe5
- Sprint Marigold#ffbc42
- Backlog Coral#ff7c7c
- Persona Blue#1e88e5
- Feature Fog#f2f2f2
Die Palette besteht aus Licht-Farben. Akzentfarben Wireframe Mint #cfffe5 und Backlog Coral #ff7c7c. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #1E88E5 (dunkelstes) bis #F2F2F2 (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): #1E88E5, #5E60CE, #CFFFE5, #F2F2F2, #F8F1E7, #FF7C7C, #FFBC42
Die Palette Semantic UX Story Flowchart enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #f8f1e7, RGB: (248, 241, 231); VERHEXEN: #5e60ce, RGB: (94, 96, 206); VERHEXEN: #cfffe5, RGB: (207, 255, 229)
VERHEXEN: #ffbc42, RGB: (255, 188, 66); VERHEXEN: #ff7c7c, RGB: (255, 124, 124); VERHEXEN: #1e88e5, RGB: (30, 136, 229)
VERHEXEN: #f2f2f2, RGB: (242, 242, 242)
Vereinfachte Version der Palettenfarben
Schatten von linen, Schatten von slateblue, Farbton von honeydew, Schatten von Orange, Schatten von lightcoral, Farbton von dodgerblue, Farbton von whitesmoke
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Semantic UX Story Flowchart Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #f8f1e7 | #f8f1e7 | RGB(248, 241, 231) | Storyboard Cream | — |
| #5e60ce | #5e60ce | RGB(94, 96, 206) | Userpath Indigo | — |
| #cfffe5 | #cfffe5 | RGB(207, 255, 229) | Wireframe Mint | — |
| #ffbc42 | #ffbc42 | RGB(255, 188, 66) | Sprint Marigold | — |
| #ff7c7c | #ff7c7c | RGB(255, 124, 124) | Backlog Coral | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | Persona Blue | — |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Feature Fog | Gray95 |
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 |
#f8f1e7 | #cfffe5 | 1.01 |
#f8f1e7 | #ffbc42 | 1.49 |
#f8f1e7 | #f2f2f2 | 1 |
#5e60ce | #1e88e5 | 1.41 |
#cfffe5 | #ffbc42 | 1.52 |
#cfffe5 | #f2f2f2 | 1.01 |
Bildpalette Semantic UX Story Flowchart png
Palette exportieren
Laden Sie die "Semantic UX Story Flowchart" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: