Progressive Web Application Matrix
- Manifest Violet#a78bfa
- Install Prompt Teal#2dd4bf
- Service Worker Gray#94a3b8
- Offline Mode Cream#fef9c3
- Push Notification Coral#fb7185
- Sync Cloud Blue#60a5fa
- Shell UI White#f8fafc
Creato il 07/19/2025 07:28
La tavolozza è composta da Chiaro colori. Colori d'accento Offline Mode Cream #fef9c3 e Sync Cloud Blue #60a5fa. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #A78BFA (più scuro) a #F8FAFC (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): #2DD4BF, #60A5FA, #94A3B8, #A78BFA, #F8FAFC, #FB7185, #FEF9C3
La tavolozza Progressive Web Application Matrix combina 7 codici colore:
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #2dd4bf, RGB: (45, 212, 191); HEX: #94a3b8, RGB: (148, 163, 184)
HEX: #fef9c3, RGB: (254, 249, 195); HEX: #fb7185, RGB: (251, 113, 133); HEX: #60a5fa, RGB: (96, 165, 250)
HEX: #f8fafc, RGB: (248, 250, 252)
Versione semplificata della tavolozza dei colori
Tinta di Viola medio, Sfumatura di Turchese, Tinta di Grigio ardesia chiaro, Sfumatura di Chiffon limone, Sfumatura di Corallo chiaro, Tinta di Blu fiordaliso, Tinta di Fumo bianco
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Progressive Web Application Matrix codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Manifest Violet | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Install Prompt Teal | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Service Worker Gray | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Offline Mode Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Push Notification Coral | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Sync Cloud Blue | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Shell UI White | — |
Contrasto della palette di colori
13 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 |
|---|---|---|
#a78bfa | #2dd4bf | 1.46 |
#a78bfa | #94a3b8 | 1.06 |
#a78bfa | #fb7185 | 1.01 |
#a78bfa | #60a5fa | 1.07 |
#2dd4bf | #94a3b8 | 1.37 |
#2dd4bf | #fef9c3 | 1.73 |
Tavolozza immagini Progressive Web Application Matrix png
Esporta tavolozza
Scarica la "Progressive Web Application Matrix" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: