React Stateflow Dev Theme
- Component Cream#f7f5f0
- Hook Slate#707070
- Dispatch Yellow#ffd93d
- Effect Blush#f99aa6
- Tree Graphite#3b3b3b
- Props Mint#b2ffda
Créé le 07/13/2025 09:19
La palette se compose de Clair, Semi foncé couleurs. Couleurs d'accent Effect Blush #f99aa6 et Props Mint #b2ffda. La palette a une température de couleur Neutre, Chaud, Froid.
En luminosité, cette palette va de #3B3B3B (plus sombre) à #F7F5F0 (plus clair). L’écart de luminosité est large.
Saturation mixte — 2 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 chaud (2 sur 6).
Codes HEX (triés) : #3B3B3B, #707070, #B2FFDA, #F7F5F0, #F99AA6, #FFD93D
La palette React Stateflow Dev Theme combine 6 codes couleur:
HEX: #f7f5f0, RVB: (247, 245, 240); HEX: #707070, RVB: (112, 112, 112); HEX: #ffd93d, RVB: (255, 217, 61)
HEX: #f99aa6, RVB: (249, 154, 166); HEX: #3b3b3b, RVB: (59, 59, 59); HEX: #b2ffda, RVB: (178, 255, 218)
Version simplifiée des couleurs de la palette
Nuance de Blanc floral, Teinte de Gris mat, Teinte de Or, Nuance de Rose clair, Nuance de Gris ardoise foncé, Teinte de Aigue-marine
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
React Stateflow Dev Theme codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #f7f5f0 | #f7f5f0 | RVB(247, 245, 240) | Component Cream | — |
| #707070 | #707070 | RVB(112, 112, 112) | Hook Slate | Gray44 |
| #ffd93d | #ffd93d | RVB(255, 217, 61) | Dispatch Yellow | — |
| #f99aa6 | #f99aa6 | RVB(249, 154, 166) | Effect Blush | — |
| #3b3b3b | #3b3b3b | RVB(59, 59, 59) | Tree Graphite | Gray23 |
| #b2ffda | #b2ffda | RVB(178, 255, 218) | Props Mint | — |
Contraste de la palette de couleurs
6 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 |
|---|---|---|
#f7f5f0 | #ffd93d | 1.26 |
#f7f5f0 | #f99aa6 | 1.88 |
#f7f5f0 | #b2ffda | 1.05 |
#ffd93d | #f99aa6 | 1.49 |
#ffd93d | #b2ffda | 1.19 |
#f99aa6 | #b2ffda | 1.78 |
Palette d'images React Stateflow Dev Theme png
Exporter la palette
Téléchargez la "React Stateflow Dev Theme" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :