Creato a 06/10/2025 09:44
Progressive Web App Colors
Offline Red
#d32f2f
Online Green
#388e3c
Sync Blue
#1976d2
Notification Yellow
#fbc02d
Background Light Gray
#f5f5f5
Text Dark Gray
#212121
Loading Indigo
#303f9f
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati Sync Blue #1976d2 e Notification Yellow #fbc02d. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
La tavolozza Progressive Web App Colors ha una combinazione di colori dei codici 7:
ESADECIMALE: #d32f2f, RGB: (211, 47, 47); ESADECIMALE: #388e3c, RGB: (56, 142, 60); ESADECIMALE: #1976d2, RGB: (25, 118, 210)
ESADECIMALE: #fbc02d, RGB: (251, 192, 45); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #212121, RGB: (33, 33, 33)
ESADECIMALE: #303f9f, RGB: (48, 63, 159)
Versione semplificata della tavolozza dei colori
Ombra di crimson, Ombra di forestgreen, Tonalità di steelblue, Ombra di goldenrod, whitesmoke, Ombra di Nero, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Progressive Web App Colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #d32f2f | #d32f2f | RGB(211, 47, 47) | Offline Red | — |
| #388e3c | #388e3c | RGB(56, 142, 60) | Online Green | — |
| #1976d2 | #1976d2 | RGB(25, 118, 210) | Sync Blue | — |
| #fbc02d | #fbc02d | RGB(251, 192, 45) | Notification Yellow | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Background Light Gray | White Smoke |
| #212121 | #212121 | RGB(33, 33, 33) | Text Dark Gray | Lead |
| #303f9f | #303f9f | RGB(48, 63, 159) | Loading Indigo | — |
Contrasto della palette di colori
7 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 |
#d32f2f | #388e3c | 1.2 |
#d32f2f | #1976d2 | 1.08 |
#d32f2f | #303f9f | 1.8 |
#388e3c | #1976d2 | 1.11 |
#1976d2 | #303f9f | 1.95 |
#fbc02d | #f5f5f5 | 1.51 |
