Interactive Prototyping Flow UI
- Component Violet#8e7dbe
- Sticky Note Yellow#ffe066
- Wireframe White#fdfdfd
- Click Path Cyan#56ccf2
- Shadow Layer Gray#adb5bd
- Drag Handle Red#ff595e
Créé le 07/11/2025 16:37
La palette se compose de Clair couleurs. Couleurs d'accent Sticky Note Yellow #ffe066 et Click Path Cyan #56ccf2. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #8E7DBE (plus sombre) à #FDFDFD (plus clair). L’écart de luminosité est modéré.
Saturation mixte — 2 teintes atténuées et 3 vives sur 6 couleurs.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
Les notes chaudes et froides sont assez équilibrées (2 chaudes, 2 froides).
Codes HEX (triés) : #56CCF2, #8E7DBE, #ADB5BD, #FDFDFD, #FF595E, #FFE066
La palette Interactive Prototyping Flow UI combine 6 codes couleur:
HEX: #8e7dbe, RVB: (142, 125, 190); HEX: #ffe066, RVB: (255, 224, 102); HEX: #fdfdfd, RVB: (253, 253, 253)
HEX: #56ccf2, RVB: (86, 204, 242); HEX: #adb5bd, RVB: (173, 181, 189); HEX: #ff595e, RVB: (255, 89, 94)
Version simplifiée des couleurs de la palette
Teinte de Violet moyen, Teinte de Or, Nuance de Blanc, Nuance de Bleu ciel, Teinte de Gris foncé, Nuance de Saumon
Le jeu de couleurs a été créé par colourlock
Codes couleurs dans la palette
Interactive Prototyping Flow UI codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #8e7dbe | #8e7dbe | RVB(142, 125, 190) | Component Violet | — |
| #ffe066 | #ffe066 | RVB(255, 224, 102) | Sticky Note Yellow | — |
| #fdfdfd | #fdfdfd | RVB(253, 253, 253) | Wireframe White | Brilliance |
| #56ccf2 | #56ccf2 | RVB(86, 204, 242) | Click Path Cyan | — |
| #adb5bd | #adb5bd | RVB(173, 181, 189) | Shadow Layer Gray | — |
| #ff595e | #ff595e | RVB(255, 89, 94) | Drag Handle Red | — |
Contraste de la palette de couleurs
10 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 |
|---|---|---|
#8e7dbe | #56ccf2 | 1.94 |
#8e7dbe | #adb5bd | 1.73 |
#8e7dbe | #ff595e | 1.17 |
#ffe066 | #fdfdfd | 1.28 |
#ffe066 | #56ccf2 | 1.42 |
#ffe066 | #adb5bd | 1.59 |
Palette d'images Interactive Prototyping Flow UI png
Exporter la palette
Téléchargez la "Interactive Prototyping Flow UI" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :