Mobile Native App Shell
- StatusBar Black#000000
- Navigation White#fafafa
- Gesture Rose#f48fb1
- Card Ice#e3f2fd
- Keyboard Shadow#b0bec5
- Notification Teal#26c6da
Créé le 07/02/2025 16:46
La palette se compose de Sombre, Clair couleurs. Couleurs d'accent Gesture Rose #f48fb1 et Card Ice #e3f2fd. La palette a une température de couleur Neutre, Chaud, Froid.
En luminosité, cette palette va de #000000 (plus sombre) à #FAFAFA (plus clair). L’écart de luminosité est large.
Saturation mixte — 3 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.
La température globale penche vers le froid (2 sur 6).
Codes HEX (triés) : #000000, #26C6DA, #B0BEC5, #E3F2FD, #F48FB1, #FAFAFA
La palette Mobile Native App Shell combine 6 codes couleur:
HEX: #000000, RVB: (0, 0, 0); HEX: #fafafa, RVB: (250, 250, 250); HEX: #f48fb1, RVB: (244, 143, 177)
HEX: #e3f2fd, RVB: (227, 242, 253); HEX: #b0bec5, RVB: (176, 190, 197); HEX: #26c6da, RVB: (38, 198, 218)
Version simplifiée des couleurs de la palette
Noir, Teinte de Fumée blanche, Teinte de Rouge violet pâle, Nuance de Bleu Alice, Nuance de Argent, Teinte de Turquoise foncé
Le jeu de couleurs a été créé par coolor
Codes couleurs dans la palette
Mobile Native App Shell codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #000000 | #000000 | RVB(0, 0, 0) | StatusBar Black | Black |
| #fafafa | #fafafa | RVB(250, 250, 250) | Navigation White | Dr. White |
| #f48fb1 | #f48fb1 | RVB(244, 143, 177) | Gesture Rose | — |
| #e3f2fd | #e3f2fd | RVB(227, 242, 253) | Card Ice | — |
| #b0bec5 | #b0bec5 | RVB(176, 190, 197) | Keyboard Shadow | Ocean Drive |
| #26c6da | #26c6da | RVB(38, 198, 218) | Notification Teal | — |
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 |
|---|---|---|
#fafafa | #e3f2fd | 1.09 |
#fafafa | #b0bec5 | 1.82 |
#fafafa | #26c6da | 1.97 |
#f48fb1 | #e3f2fd | 1.95 |
#f48fb1 | #b0bec5 | 1.17 |
#f48fb1 | #26c6da | 1.08 |
Palette d'images Mobile Native App Shell png
Exporter la palette
Téléchargez la "Mobile Native App Shell" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :