Creato a 07/10/2025 08:25
Progressive Web App Contrast Theme
PWA Blue
#2c7be5
Offline Sand
#ffeedb
Install Pink
#ff7f8a
Manifest White
#fdfdfd
Push Black
#0b0c10
Service Worker Mint
#a0f2db
La tavolozza è composta da Leggero, Buio colori. Colori accentati PWA Blue #2c7be5 e Offline Sand #ffeedb. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Progressive Web App Contrast Theme ha una combinazione di colori dei codici 6:
ESADECIMALE: #2c7be5, RGB: (44, 123, 229); ESADECIMALE: #ffeedb, RGB: (255, 238, 219); ESADECIMALE: #ff7f8a, RGB: (255, 127, 138)
ESADECIMALE: #fdfdfd, RGB: (253, 253, 253); ESADECIMALE: #0b0c10, RGB: (11, 12, 16); ESADECIMALE: #a0f2db, RGB: (160, 242, 219)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Ombra di antiquewhite, Ombra di lightcoral, Tonalità di Bianco, Ombra di Nero, Ombra di aquamarine
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Progressive Web App Contrast Theme codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2c7be5 | #2c7be5 | RGB(44, 123, 229) | PWA Blue | — |
| #ffeedb | #ffeedb | RGB(255, 238, 219) | Offline Sand | — |
| #ff7f8a | #ff7f8a | RGB(255, 127, 138) | Install Pink | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Manifest White | Brilliance |
| #0b0c10 | #0b0c10 | RGB(11, 12, 16) | Push Black | — |
| #a0f2db | #a0f2db | RGB(160, 242, 219) | Service Worker Mint | — |
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 |
#2c7be5 | #ff7f8a | 1.7 |
#ffeedb | #fdfdfd | 1.11 |
#ffeedb | #a0f2db | 1.14 |
#ff7f8a | #a0f2db | 1.87 |
#fdfdfd | #a0f2db | 1.27 |
