Créé à 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
La palette se compose de Lumière couleurs. Couleurs d'accent Wireframe Mint #cfffe5 et Backlog Coral #ff7c7c. La palette a une température de couleur Neutre, Froid, Chaud.
En luminosité, cette palette va de #1E88E5 (plus sombre) à #F2F2F2 (plus clair). L’écart de luminosité est modéré.
La saturation semble globalement vive (chromie élevée).
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid.
Codes HEX (triés) : #1E88E5, #5E60CE, #CFFFE5, #F2F2F2, #F8F1E7, #FF7C7C, #FFBC42
La palette Semantic UX Story Flowchart a une combinaison de couleurs de codes 7:
HEX: #f8f1e7, RVB: (248, 241, 231); HEX: #5e60ce, RVB: (94, 96, 206); HEX: #cfffe5, RVB: (207, 255, 229)
HEX: #ffbc42, RVB: (255, 188, 66); HEX: #ff7c7c, RVB: (255, 124, 124); HEX: #1e88e5, RVB: (30, 136, 229)
HEX: #f2f2f2, RVB: (242, 242, 242)
Version simplifiée des couleurs de la palette
Ombre de linen, Ombre de slateblue, Nuance de honeydew, Ombre de Orange, Ombre de lightcoral, Nuance de dodgerblue, Nuance de whitesmoke
Le jeu de couleurs a été créé par palettespicker
Codes couleurs dans la palette
Semantic UX Story Flowchart codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #f8f1e7 | #f8f1e7 | RVB(248, 241, 231) | Storyboard Cream | — |
| #5e60ce | #5e60ce | RVB(94, 96, 206) | Userpath Indigo | — |
| #cfffe5 | #cfffe5 | RVB(207, 255, 229) | Wireframe Mint | — |
| #ffbc42 | #ffbc42 | RVB(255, 188, 66) | Sprint Marigold | — |
| #ff7c7c | #ff7c7c | RVB(255, 124, 124) | Backlog Coral | — |
| #1e88e5 | #1e88e5 | RVB(30, 136, 229) | Persona Blue | — |
| #f2f2f2 | #f2f2f2 | RVB(242, 242, 242) | Feature Fog | Gray95 |
Contraste de la palette de couleurs
9 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#f8f1e7 | #cfffe5 | 1.01 |
#f8f1e7 | #ffbc42 | 1.49 |
#f8f1e7 | #f2f2f2 | 1 |
#5e60ce | #1e88e5 | 1.41 |
#cfffe5 | #ffbc42 | 1.52 |
#cfffe5 | #f2f2f2 | 1.01 |
Palette d'images Semantic UX Story Flowchart png
Exporter la palette
Téléchargez la "Semantic UX Story Flowchart" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :