Créé à 07/13/2025 09:23
React Native Control Hub
- Framework Cream#faf3e3
- React Signal Blue#61dafb
- Dark Grid#212121
- Toast Coral#ff6f61
- Input Nardo Grey#999999
- Status Aqua#7fdbff
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Toast Coral #ff6f61 et Status Aqua #7fdbff. La palette a une température de couleur Neutre, Froid, Chaud.
En luminosité, cette palette va de #212121 (plus sombre) à #FAF3E3 (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) : #212121, #61DAFB, #7FDBFF, #999999, #FAF3E3, #FF6F61
La palette React Native Control Hub a une combinaison de couleurs de codes 6:
HEX: #faf3e3, RVB: (250, 243, 227); HEX: #61dafb, RVB: (97, 218, 251); HEX: #212121, RVB: (33, 33, 33)
HEX: #ff6f61, RVB: (255, 111, 97); HEX: #999999, RVB: (153, 153, 153); HEX: #7fdbff, RVB: (127, 219, 255)
Version simplifiée des couleurs de la palette
Nuance de oldlace, Nuance de skyblue, Ombre de Noir, Nuance de salmon, Nuance de darkgrey, Ombre de skyblue
Le jeu de couleurs a été créé par colorscheme
Codes couleurs dans la palette
React Native Control Hub codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #faf3e3 | #faf3e3 | RVB(250, 243, 227) | Framework Cream | — |
| #61dafb | #61dafb | RVB(97, 218, 251) | React Signal Blue | — |
| #212121 | #212121 | RVB(33, 33, 33) | Dark Grid | Lead |
| #ff6f61 | #ff6f61 | RVB(255, 111, 97) | Toast Coral | Living Coral |
| #999999 | #999999 | RVB(153, 153, 153) | Input Nardo Grey | Basalt Grey |
| #7fdbff | #7fdbff | RVB(127, 219, 255) | Status Aqua | — |
Contraste de la palette de couleurs
8 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 |
#faf3e3 | #61dafb | 1.46 |
#faf3e3 | #7fdbff | 1.4 |
#61dafb | #ff6f61 | 1.67 |
#61dafb | #999999 | 1.75 |
#61dafb | #7fdbff | 1.04 |
#ff6f61 | #999999 | 1.04 |
Palette d'images React Native Control Hub png
Exporter la palette
Téléchargez la "React Native Control Hub" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :