Cloud Native UI
- Native Navy#0b3d91
- Pod Peach#ffdab9
- Service Silver#c0c0c0
- Container Cyan#00ffff
- Load Lime#bfff00
- API Amethyst#9966cc
- Resource Rose#ff69b4
Creato il 03/04/2026 10:08
La tavolozza è composta da Semi scuro, Chiaro colori. Colori d'accento Pod Peach #ffdab9 e Container Cyan #00ffff. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #0B3D91 (più scuro) a #BFFF00 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto) — il 71% dei colori è vivido.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Complessivamente la temperatura tende al freddo (4 su 7).
Codici HEX (ordinati): #00FFFF, #0B3D91, #9966CC, #BFFF00, #C0C0C0, #FF69B4, #FFDAB9
La tavolozza Cloud Native UI combina 7 codici colore:
HEX: #0b3d91, RGB: (11, 61, 145); HEX: #ffdab9, RGB: (255, 218, 185); HEX: #c0c0c0, RGB: (192, 192, 192)
HEX: #00ffff, RGB: (0, 255, 255); HEX: #bfff00, RGB: (191, 255, 0); HEX: #9966cc, RGB: (153, 102, 204)
HEX: #ff69b4, RGB: (255, 105, 180)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu ardesia scuro, Pesca, Argento, Ciano, Tinta di Verde giallo, Sfumatura di Viola medio, Rosa acceso
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Cloud Native UI codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #0b3d91 | #0b3d91 | RGB(11, 61, 145) | Native Navy | — |
| #ffdab9 | #ffdab9 | RGB(255, 218, 185) | Pod Peach | Peachpuff |
| #c0c0c0 | #c0c0c0 | RGB(192, 192, 192) | Service Silver | Silver |
| #00ffff | #00ffff | RGB(0, 255, 255) | Container Cyan | Aqua |
| #bfff00 | #bfff00 | RGB(191, 255, 0) | Load Lime | Limoncello |
| #9966cc | #9966cc | RGB(153, 102, 204) | API Amethyst | Amethyst |
| #ff69b4 | #ff69b4 | RGB(255, 105, 180) | Resource Rose | Hotpink |
Contrasto della palette di colori
8 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 |
|---|---|---|
#ffdab9 | #c0c0c0 | 1.38 |
#ffdab9 | #00ffff | 1.04 |
#ffdab9 | #bfff00 | 1.09 |
#c0c0c0 | #00ffff | 1.45 |
#c0c0c0 | #bfff00 | 1.51 |
#c0c0c0 | #ff69b4 | 1.45 |
Tavolozza immagini Cloud Native UI png
Esporta tavolozza
Scarica la "Cloud Native UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: