Creato a 07/16/2025 20:22
Progressive Web App Color System
Install Teal
#00bfa5
Cache Layer Gray
#b0bec5
Manifest Yellow
#fdd835
Offline White
#fdfdfd
Push API Coral
#ff6b6b
Service Worker Blue
#1976d2
La tavolozza è composta da Leggero colori. Colori accentati Install Teal #00bfa5 e Push API Coral #ff6b6b. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Progressive Web App Color System ha una combinazione di colori dei codici 6:
ESADECIMALE: #00bfa5, RGB: (0, 191, 165); ESADECIMALE: #b0bec5, RGB: (176, 190, 197); ESADECIMALE: #fdd835, RGB: (253, 216, 53)
ESADECIMALE: #fdfdfd, RGB: (253, 253, 253); ESADECIMALE: #ff6b6b, RGB: (255, 107, 107); ESADECIMALE: #1976d2, RGB: (25, 118, 210)
Versione semplificata della tavolozza dei colori
Tonalità di lightseagreen, Tonalità di Argento, Ombra di gold, Tonalità di Bianco, Tonalità di salmon, Tonalità di steelblue
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Progressive Web App Color System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #00bfa5 | #00bfa5 | RGB(0, 191, 165) | Install Teal | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Cache Layer Gray | Ocean Drive |
| #fdd835 | #fdd835 | RGB(253, 216, 53) | Manifest Yellow | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Offline White | Brilliance |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Push API Coral | — |
| #1976d2 | #1976d2 | RGB(25, 118, 210) | Service Worker Blue | — |
Contrasto della palette di colori
10 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 |
#00bfa5 | #b0bec5 | 1.22 |
#00bfa5 | #fdd835 | 1.67 |
#00bfa5 | #ff6b6b | 1.18 |
#00bfa5 | #1976d2 | 1.97 |
#b0bec5 | #fdd835 | 1.36 |
#b0bec5 | #fdfdfd | 1.87 |
