Créé à 07/08/2025 08:12
React Component Signal Flow
JSX Yellow
#f7df1e
Props Pink
#ff6f91
State Navy
#2f3c7e
Hook Seafoam
#55d6be
Ref Snow
#f7f7f7
DOM Gray
#6c757d
La palette se compose de Lumière couleurs. Couleurs d'accent Props Pink #ff6f91 et Hook Seafoam #55d6be. La palette a une température de couleur Chaud, Froid, Neutre.
La palette React Component Signal Flow a une combinaison de couleurs de codes 6:
HEX: #f7df1e, RVB: (247, 223, 30); HEX: #ff6f91, RVB: (255, 111, 145); HEX: #2f3c7e, RVB: (47, 60, 126)
HEX: #55d6be, RVB: (85, 214, 190); HEX: #f7f7f7, RVB: (247, 247, 247); HEX: #6c757d, RVB: (108, 117, 125)
Version simplifiée des couleurs de la palette
Ombre de gold, Ombre de palevioletred, Nuance de darkslateblue, Nuance de turquoise, Ombre de whitesmoke, Nuance de slategrey
Le jeu de couleurs a été créé par colorday
Codes couleurs dans la palette
React Component Signal Flow codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #f7df1e | #f7df1e | RVB(247, 223, 30) | JSX Yellow | — |
| #ff6f91 | #ff6f91 | RVB(255, 111, 145) | Props Pink | — |
| #2f3c7e | #2f3c7e | RVB(47, 60, 126) | State Navy | — |
| #55d6be | #55d6be | RVB(85, 214, 190) | Hook Seafoam | — |
| #f7f7f7 | #f7f7f7 | RVB(247, 247, 247) | Ref Snow | Lynx White |
| #6c757d | #6c757d | RVB(108, 117, 125) | DOM Gray | Pompeii Ash |
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 |
#f7df1e | #ff6f91 | 1.95 |
#f7df1e | #55d6be | 1.32 |
#f7df1e | #f7f7f7 | 1.26 |
#ff6f91 | #55d6be | 1.48 |
#ff6f91 | #6c757d | 1.77 |
#55d6be | #f7f7f7 | 1.66 |
