Creato a 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 tavolozza è composta da Leggero colori. Colori accentati Hook Pink #f78fb3 e Monitor Blue #3d84a8. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #35495E (più scuro) a #F6F8FA (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #35495E, #3D84A8, #8E8E8E, #D3D3D3, #F6F8FA, #F78FB3
La tavolozza React DevOps Telemetry UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #d3d3d3, RGB: (211, 211, 211); ESADECIMALE: #f78fb3, RGB: (247, 143, 179); ESADECIMALE: #35495e, RGB: (53, 73, 94)
ESADECIMALE: #8e8e8e, RGB: (142, 142, 142); ESADECIMALE: #3d84a8, RGB: (61, 132, 168); ESADECIMALE: #f6f8fa, RGB: (246, 248, 250)
Versione semplificata della tavolozza dei colori
Ombra di palevioletred, Tonalità di darkslateblue, Ombra di Grigio, Tonalità di steelblue, Ombra di whitesmoke
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
React DevOps Telemetry UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Pipeline Dust | Pinball |
| #f78fb3 | #f78fb3 | RGB(247, 143, 179) | Hook Pink | — |
| #35495e | #35495e | RGB(53, 73, 94) | State Navy | — |
| #8e8e8e | #8e8e8e | RGB(142, 142, 142) | Deploy Grey | — |
| #3d84a8 | #3d84a8 | RGB(61, 132, 168) | Monitor Blue | — |
| #f6f8fa | #f6f8fa | RGB(246, 248, 250) | Console Ice | — |
Contrasto della palette di colori
5 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#d3d3d3 | #f78fb3 | 1.47 |
#d3d3d3 | #f6f8fa | 1.4 |
#f78fb3 | #8e8e8e | 1.48 |
#f78fb3 | #3d84a8 | 1.88 |
#8e8e8e | #3d84a8 | 1.26 |
Tavolozza immagini React DevOps Telemetry UI png
Esporta tavolozza
Scarica la "React DevOps Telemetry UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: