Creato a 07/17/2025 08:27
Cloud-Native DevOps UI Theme
- Cluster Blue#1976d2
- Pod Gray#a0aec0
- Deployment Cream#f9faf9
- Health Status Green#00b894
- Rollback Red#e63946
- Pipeline Indigo#4b3f72
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Health Status Green #00b894 e Rollback Red #e63946. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #4B3F72 (più scuro) a #F9FAF9 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #00B894, #1976D2, #4B3F72, #A0AEC0, #E63946, #F9FAF9
La tavolozza Cloud-Native DevOps UI Theme ha una combinazione di colori dei codici 6:
ESADECIMALE: #1976d2, RGB: (25, 118, 210); ESADECIMALE: #a0aec0, RGB: (160, 174, 192); ESADECIMALE: #f9faf9, RGB: (249, 250, 249)
ESADECIMALE: #00b894, RGB: (0, 184, 148); ESADECIMALE: #e63946, RGB: (230, 57, 70); ESADECIMALE: #4b3f72, RGB: (75, 63, 114)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di lightsteelblue, Ombra di whitesmoke, Tonalità di mediumaquamarine, Ombra di crimson, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorhunt
Codici colori nella tavolozza
Cloud-Native DevOps UI Theme codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1976d2 | #1976d2 | RGB(25, 118, 210) | Cluster Blue | — |
| #a0aec0 | #a0aec0 | RGB(160, 174, 192) | Pod Gray | — |
| #f9faf9 | #f9faf9 | RGB(249, 250, 249) | Deployment Cream | — |
| #00b894 | #00b894 | RGB(0, 184, 148) | Health Status Green | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Rollback Red | — |
| #4b3f72 | #4b3f72 | RGB(75, 63, 114) | Pipeline Indigo | — |
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 |
#1976d2 | #00b894 | 1.81 |
#1976d2 | #e63946 | 1.1 |
#a0aec0 | #00b894 | 1.12 |
#a0aec0 | #e63946 | 1.84 |
#00b894 | #e63946 | 1.64 |
Tavolozza immagini Cloud-Native DevOps UI Theme png
Esporta tavolozza
Scarica la "Cloud-Native DevOps UI Theme" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: