Créé à 07/04/2025 10:08
Story Mapping UI Framework
- Narrative Lilac#e6d6ff
- Persona Yellow#fdeb7b
- Task Teal#8ae9d1
- Flowchart Fog#ededed
- Priority Ink#222222
- Milestone Magenta#ff6bae
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Narrative Lilac #e6d6ff et Persona Yellow #fdeb7b. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #222222 (plus sombre) à #EDEDED (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée).
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
Les notes chaudes et froides sont assez équilibrées.
Codes HEX (triés) : #222222, #8AE9D1, #E6D6FF, #EDEDED, #FDEB7B, #FF6BAE
La palette Story Mapping UI Framework a une combinaison de couleurs de codes 6:
HEX: #e6d6ff, RVB: (230, 214, 255); HEX: #fdeb7b, RVB: (253, 235, 123); HEX: #8ae9d1, RVB: (138, 233, 209)
HEX: #ededed, RVB: (237, 237, 237); HEX: #222222, RVB: (34, 34, 34); HEX: #ff6bae, RVB: (255, 107, 174)
Version simplifiée des couleurs de la palette
Ombre de thistle, Ombre de Kaki, Ombre de turquoise, Nuance de whitesmoke, Ombre de Noir, Ombre de hotpink
Le jeu de couleurs a été créé par colorslib
Codes couleurs dans la palette
Story Mapping UI Framework codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #e6d6ff | #e6d6ff | RVB(230, 214, 255) | Narrative Lilac | — |
| #fdeb7b | #fdeb7b | RVB(253, 235, 123) | Persona Yellow | — |
| #8ae9d1 | #8ae9d1 | RVB(138, 233, 209) | Task Teal | — |
| #ededed | #ededed | RVB(237, 237, 237) | Flowchart Fog | White Edgar |
| #222222 | #222222 | RVB(34, 34, 34) | Priority Ink | Black Out |
| #ff6bae | #ff6bae | RVB(255, 107, 174) | Milestone Magenta | — |
Contraste de la palette de couleurs
8 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 |
|---|---|---|
#e6d6ff | #fdeb7b | 1.12 |
#e6d6ff | #8ae9d1 | 1.05 |
#e6d6ff | #ededed | 1.16 |
#e6d6ff | #ff6bae | 1.93 |
#fdeb7b | #8ae9d1 | 1.18 |
#fdeb7b | #ededed | 1.03 |
Palette d'images Story Mapping UI Framework png
Exporter la palette
Téléchargez la "Story Mapping UI Framework" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :