Créé à 07/13/2025 09:29
React DevOps Telemetry UI
- Pipeline Dust#d3d3d3
- Hook Pink#f78fb3
- State Navy#35495e
- Deploy Grey#8e8e8e
- Monitor Blue#3d84a8
- Console Ice#f6f8fa
La palette se compose de Lumière couleurs. Couleurs d'accent Hook Pink #f78fb3 et Monitor Blue #3d84a8. La palette a une température de couleur Neutre, Chaud, Froid.
En luminosité, cette palette va de #35495E (plus sombre) à #F6F8FA (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Les teintes sont largement réparties — palette variée (heuristique).
La température globale penche vers le froid.
Codes HEX (triés) : #35495E, #3D84A8, #8E8E8E, #D3D3D3, #F6F8FA, #F78FB3
La palette React DevOps Telemetry UI a une combinaison de couleurs de codes 6:
HEX: #d3d3d3, RVB: (211, 211, 211); HEX: #f78fb3, RVB: (247, 143, 179); HEX: #35495e, RVB: (53, 73, 94)
HEX: #8e8e8e, RVB: (142, 142, 142); HEX: #3d84a8, RVB: (61, 132, 168); HEX: #f6f8fa, RVB: (246, 248, 250)
Version simplifiée des couleurs de la palette
Ombre de palevioletred, Nuance de darkslateblue, Ombre de Gris, Nuance de steelblue, Ombre de whitesmoke
Le jeu de couleurs a été créé par hex
Codes couleurs dans la palette
React DevOps Telemetry UI codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #d3d3d3 | #d3d3d3 | RVB(211, 211, 211) | Pipeline Dust | Pinball |
| #f78fb3 | #f78fb3 | RVB(247, 143, 179) | Hook Pink | — |
| #35495e | #35495e | RVB(53, 73, 94) | State Navy | — |
| #8e8e8e | #8e8e8e | RVB(142, 142, 142) | Deploy Grey | — |
| #3d84a8 | #3d84a8 | RVB(61, 132, 168) | Monitor Blue | — |
| #f6f8fa | #f6f8fa | RVB(246, 248, 250) | Console Ice | — |
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 |
|---|---|---|
#d3d3d3 | #f78fb3 | 1.47 |
#d3d3d3 | #f6f8fa | 1.4 |
#f78fb3 | #8e8e8e | 1.48 |
#f78fb3 | #3d84a8 | 1.88 |
#8e8e8e | #3d84a8 | 1.26 |
Palette d'images React DevOps Telemetry UI png
Exporter la palette
Téléchargez la "React DevOps Telemetry UI" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :