Créé à 06/20/2025 17:01
Mobile Interaction Pattern Guide
- Gesture Peach#ffcba4
- Tap Graphite#2f2e33
- Swipe Sky#9ed8f3
- Form Eggshell#fffbf5
- Nav Plum#7a4eab
- Alert Red#f44336
La palette se compose de Lumière, Sombre, Semi foncé couleurs. Couleurs d'accent Swipe Sky #9ed8f3 et Form Eggshell #fffbf5. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #2F2E33 (plus sombre) à #FFFBF5 (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).
La température globale penche vers le froid.
Codes HEX (triés) : #2F2E33, #7A4EAB, #9ED8F3, #F44336, #FFCBA4, #FFFBF5
La palette Mobile Interaction Pattern Guide a une combinaison de couleurs de codes 6:
HEX: #ffcba4, RVB: (255, 203, 164); HEX: #2f2e33, RVB: (47, 46, 51); HEX: #9ed8f3, RVB: (158, 216, 243)
HEX: #fffbf5, RVB: (255, 251, 245); HEX: #7a4eab, RVB: (122, 78, 171); HEX: #f44336, RVB: (244, 67, 54)
Version simplifiée des couleurs de la palette
Nuance de peachpuff, Ombre de Noir, Ombre de skyblue, Ombre de floralwhite, Nuance de slateblue, Nuance de tomato
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
Mobile Interaction Pattern Guide codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #ffcba4 | #ffcba4 | RVB(255, 203, 164) | Gesture Peach | Corn Kernel |
| #2f2e33 | #2f2e33 | RVB(47, 46, 51) | Tap Graphite | — |
| #9ed8f3 | #9ed8f3 | RVB(158, 216, 243) | Swipe Sky | — |
| #fffbf5 | #fffbf5 | RVB(255, 251, 245) | Form Eggshell | — |
| #7a4eab | #7a4eab | RVB(122, 78, 171) | Nav Plum | — |
| #f44336 | #f44336 | RVB(244, 67, 54) | Alert Red | — |
Contraste de la palette de couleurs
4 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 |
#ffcba4 | #9ed8f3 | 1.05 |
#ffcba4 | #fffbf5 | 1.42 |
#9ed8f3 | #fffbf5 | 1.5 |
#7a4eab | #f44336 | 1.62 |
Palette d'images Mobile Interaction Pattern Guide png
Exporter la palette
Téléchargez la "Mobile Interaction Pattern Guide" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :