Creato a 07/20/2025 20:02
Cloud-Native Web Component Board
- Cluster Navy#012a4a
- Pod Yellow#ffe066
- YAML Gray#b5b5b5
- Kube Teal#5fd068
- Cloud White#f7f7f7
- Microservice Green#48bf91
La tavolozza è composta da Buio, Leggero colori. Colori accentati Cluster Navy #012a4a e Pod Yellow #ffe066. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #012A4A (più scuro) a #F7F7F7 (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): #012A4A, #48BF91, #5FD068, #B5B5B5, #F7F7F7, #FFE066
La tavolozza Cloud-Native Web Component Board ha una combinazione di colori dei codici 6:
ESADECIMALE: #012a4a, RGB: (1, 42, 74); ESADECIMALE: #ffe066, RGB: (255, 224, 102); ESADECIMALE: #b5b5b5, RGB: (181, 181, 181)
ESADECIMALE: #5fd068, RGB: (95, 208, 104); ESADECIMALE: #f7f7f7, RGB: (247, 247, 247); ESADECIMALE: #48bf91, RGB: (72, 191, 145)
Versione semplificata della tavolozza dei colori
Tonalità di midnightblue, Ombra di gold, Tonalità di Argento, Ombra di limegreen, Ombra di whitesmoke, Tonalità di mediumaquamarine
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Cloud-Native Web Component Board codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #012a4a | #012a4a | RGB(1, 42, 74) | Cluster Navy | — |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Pod Yellow | — |
| #b5b5b5 | #b5b5b5 | RGB(181, 181, 181) | YAML Gray | Brainstem Grey |
| #5fd068 | #5fd068 | RGB(95, 208, 104) | Kube Teal | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Cloud White | Lynx White |
| #48bf91 | #48bf91 | RGB(72, 191, 145) | Microservice Green | — |
Contrasto della palette di colori
9 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 |
#ffe066 | #b5b5b5 | 1.57 |
#ffe066 | #5fd068 | 1.5 |
#ffe066 | #f7f7f7 | 1.21 |
#ffe066 | #48bf91 | 1.76 |
#b5b5b5 | #5fd068 | 1.04 |
#b5b5b5 | #f7f7f7 | 1.91 |
Tavolozza immagini Cloud-Native Web Component Board png
Esporta tavolozza
Scarica la "Cloud-Native Web Component Board" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: