Créé à 07/28/2025 19:49
Mobile Microinteraction Design System
- Swipe Teal#00d8c0
- Tap Coral#ff9aa2
- Vibrate Yellow#fff6a5
- Hold Gray#dadada
- Bounce Blue#56ccf2
- Screen White#fbfbfb
La palette se compose de Lumière couleurs. Couleurs d'accent Vibrate Yellow #fff6a5 et Bounce Blue #56ccf2. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #00D8C0 (plus sombre) à #FBFBFB (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) : #00D8C0, #56CCF2, #DADADA, #FBFBFB, #FF9AA2, #FFF6A5
La palette Mobile Microinteraction Design System a une combinaison de couleurs de codes 6:
HEX: #00d8c0, RVB: (0, 216, 192); HEX: #ff9aa2, RVB: (255, 154, 162); HEX: #fff6a5, RVB: (255, 246, 165)
HEX: #dadada, RVB: (218, 218, 218); HEX: #56ccf2, RVB: (86, 204, 242); HEX: #fbfbfb, RVB: (251, 251, 251)
Version simplifiée des couleurs de la palette
Nuance de turquoise, Nuance de lightpink, Ombre de Kaki, Nuance de gainsboro, Nuance de skyblue, Nuance de Blanc
Le jeu de couleurs a été créé par hex
Codes couleurs dans la palette
Mobile Microinteraction Design System codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #00d8c0 | #00d8c0 | RVB(0, 216, 192) | Swipe Teal | — |
| #ff9aa2 | #ff9aa2 | RVB(255, 154, 162) | Tap Coral | — |
| #fff6a5 | #fff6a5 | RVB(255, 246, 165) | Vibrate Yellow | — |
| #dadada | #dadada | RVB(218, 218, 218) | Hold Gray | — |
| #56ccf2 | #56ccf2 | RVB(86, 204, 242) | Bounce Blue | — |
| #fbfbfb | #fbfbfb | RVB(251, 251, 251) | Screen White | Whiteout |
Contraste de la palette de couleurs
15 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 |
#00d8c0 | #ff9aa2 | 1.11 |
#00d8c0 | #fff6a5 | 1.63 |
#00d8c0 | #dadada | 1.29 |
#00d8c0 | #56ccf2 | 1.02 |
#00d8c0 | #fbfbfb | 1.75 |
#ff9aa2 | #fff6a5 | 1.82 |
Palette d'images Mobile Microinteraction Design System png
Exporter la palette
Téléchargez la "Mobile Microinteraction Design System" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :