Loading...
Créé à 07/11/2025 09:36
Data-Driven React Aesthetic
- Hook Yellow#ffd23f
- Virtual DOM Azure#007ea7
- Component Padding Coral#ff6f59
- Test Coverage Violet#9d4edd
- Structure White Smoke#f5f5f5
La palette se compose de Lumière couleurs. Couleurs d'accent Hook Yellow #ffd23f et Virtual DOM Azure #007ea7. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #007EA7 (plus sombre) à #F5F5F5 (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) : #007EA7, #9D4EDD, #F5F5F5, #FF6F59, #FFD23F
La palette Data-Driven React Aesthetic a une combinaison de couleurs de codes 5:
HEX: #ffd23f, RVB: (255, 210, 63); HEX: #007ea7, RVB: (0, 126, 167); HEX: #ff6f59, RVB: (255, 111, 89)
HEX: #9d4edd, RVB: (157, 78, 221); HEX: #f5f5f5, RVB: (245, 245, 245)
Version simplifiée des couleurs de la palette
Ombre de gold, Nuance de steelblue, Ombre de tomato, Ombre de darkorchid
Le jeu de couleurs a été créé par colourlock
Codes couleurs dans la palette
Data-Driven React Aesthetic codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #ffd23f | #ffd23f | RVB(255, 210, 63) | Hook Yellow | — |
| #007ea7 | #007ea7 | RVB(0, 126, 167) | Virtual DOM Azure | — |
| #ff6f59 | #ff6f59 | RVB(255, 111, 89) | Component Padding Coral | — |
| #9d4edd | #9d4edd | RVB(157, 78, 221) | Test Coverage Violet | — |
| #f5f5f5 | #f5f5f5 | RVB(245, 245, 245) | Structure White Smoke | White Smoke |
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 |
#ffd23f | #ff6f59 | 1.89 |
#ffd23f | #f5f5f5 | 1.32 |
#007ea7 | #ff6f59 | 1.68 |
#007ea7 | #9d4edd | 1 |
#ff6f59 | #9d4edd | 1.67 |
Palette d'images Data-Driven React Aesthetic png
Exporter la palette
Téléchargez la "Data-Driven React Aesthetic" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :