React Component Flow System
- JS Yellow#f7df1e
- React Ocean#61dafb
- Framework Slate#2b2b2b
- Node Canopy#6cc24a
- Semantic Rose#ff6492
- Input Pearl#fafafa
- Code Lavender#a393eb
Créé le 07/12/2025 20:05
La palette se compose de Clair, Sombre couleurs. Couleurs d'accent React Ocean #61dafb et Semantic Rose #ff6492. La palette a une température de couleur Chaud, Froid, Neutre.
En luminosité, cette palette va de #2B2B2B (plus sombre) à #FAFAFA (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 57% des couleurs sont vives.
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 (3 sur 7).
Codes HEX (triés) : #2B2B2B, #61DAFB, #6CC24A, #A393EB, #F7DF1E, #FAFAFA, #FF6492
La palette React Component Flow System combine 7 codes couleur:
HEX: #f7df1e, RVB: (247, 223, 30); HEX: #61dafb, RVB: (97, 218, 251); HEX: #2b2b2b, RVB: (43, 43, 43)
HEX: #6cc24a, RVB: (108, 194, 74); HEX: #ff6492, RVB: (255, 100, 146); HEX: #fafafa, RVB: (250, 250, 250)
HEX: #a393eb, RVB: (163, 147, 235)
Version simplifiée des couleurs de la palette
Teinte de Or, Nuance de Bleu ciel, Teinte de Noir, Teinte de Vert lime, Teinte de Rouge violet pâle, Teinte de Fumée blanche, Teinte de Violet moyen
Le jeu de couleurs a été créé par raccoon
Codes couleurs dans la palette
React Component Flow System codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #f7df1e | #f7df1e | RVB(247, 223, 30) | JS Yellow | — |
| #61dafb | #61dafb | RVB(97, 218, 251) | React Ocean | — |
| #2b2b2b | #2b2b2b | RVB(43, 43, 43) | Framework Slate | Shoe Wax |
| #6cc24a | #6cc24a | RVB(108, 194, 74) | Node Canopy | — |
| #ff6492 | #ff6492 | RVB(255, 100, 146) | Semantic Rose | — |
| #fafafa | #fafafa | RVB(250, 250, 250) | Input Pearl | Dr. White |
| #a393eb | #a393eb | RVB(163, 147, 235) | Code Lavender | — |
Contraste de la palette de couleurs
11 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 |
|---|---|---|
#f7df1e | #61dafb | 1.2 |
#f7df1e | #6cc24a | 1.64 |
#f7df1e | #fafafa | 1.29 |
#f7df1e | #a393eb | 1.95 |
#61dafb | #6cc24a | 1.36 |
#61dafb | #ff6492 | 1.72 |
Palette d'images React Component Flow System png
Exporter la palette
Téléchargez la "React Component Flow System" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :