Créé à 07/07/2025 17:05
React Native Mobile Layer
CrossPlatform Sky
#5ac8fa
Hot Reload Pink
#f78fb3
Debug Mint
#00c896
Async Indigo
#3f51b5
Virtual White
#f7f7f7
Dark Emulator Gray
#333333
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent Hot Reload Pink #f78fb3 et Debug Mint #00c896. La palette a une température de couleur Froid, Chaud, Neutre.
La palette React Native Mobile Layer a une combinaison de couleurs de codes 6:
HEX: #5ac8fa, RVB: (90, 200, 250); HEX: #f78fb3, RVB: (247, 143, 179); HEX: #00c896, RVB: (0, 200, 150)
HEX: #3f51b5, RVB: (63, 81, 181); HEX: #f7f7f7, RVB: (247, 247, 247); HEX: #333333, RVB: (51, 51, 51)
Version simplifiée des couleurs de la palette
Ombre de deepskyblue, Ombre de palevioletred, Nuance de mediumaquamarine, Nuance de slateblue, Ombre de whitesmoke, Ombre de Noir
Le jeu de couleurs a été créé par colourlock
Codes couleurs dans la palette
React Native Mobile Layer codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #5ac8fa | #5ac8fa | RVB(90, 200, 250) | CrossPlatform Sky | — |
| #f78fb3 | #f78fb3 | RVB(247, 143, 179) | Hot Reload Pink | — |
| #00c896 | #00c896 | RVB(0, 200, 150) | Debug Mint | — |
| #3f51b5 | #3f51b5 | RVB(63, 81, 181) | Async Indigo | — |
| #f7f7f7 | #f7f7f7 | RVB(247, 247, 247) | Virtual White | Lynx White |
| #333333 | #333333 | RVB(51, 51, 51) | Dark Emulator Gray | Carbon |
Contraste de la palette de couleurs
5 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 |
#5ac8fa | #f78fb3 | 1.16 |
#5ac8fa | #00c896 | 1.14 |
#5ac8fa | #f7f7f7 | 1.76 |
#f78fb3 | #00c896 | 1.01 |
#3f51b5 | #333333 | 1.83 |
Palette d'images React Native Mobile Layer png
Exporter la palette
Téléchargez la "React Native Mobile Layer" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :