Creato a 06/20/2025 07:43
Progressive Web App Studio
- Manifest Sky#7ddfff
- Offline Ink#2a2e45
- Install Cream#fff9e6
- Push Coral#ff6e6c
- Responsive Mint#a3f7bf
- ServiceWorker Graphite#353535
La tavolozza è composta da Leggero, Buio colori. Colori accentati Manifest Sky #7ddfff e Install Cream #fff9e6. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #353535 (più scuro) a #FFF9E6 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
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): #2A2E45, #353535, #7DDFFF, #A3F7BF, #FF6E6C, #FFF9E6
La tavolozza Progressive Web App Studio ha una combinazione di colori dei codici 6:
ESADECIMALE: #7ddfff, RGB: (125, 223, 255); ESADECIMALE: #2a2e45, RGB: (42, 46, 69); ESADECIMALE: #fff9e6, RGB: (255, 249, 230)
ESADECIMALE: #ff6e6c, RGB: (255, 110, 108); ESADECIMALE: #a3f7bf, RGB: (163, 247, 191); ESADECIMALE: #353535, RGB: (53, 53, 53)
Versione semplificata della tavolozza dei colori
Ombra di skyblue, Ombra di midnightblue, Ombra di oldlace, Tonalità di salmon, Ombra di aquamarine, Ombra di Nero
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Progressive Web App Studio codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #7ddfff | #7ddfff | RGB(125, 223, 255) | Manifest Sky | — |
| #2a2e45 | #2a2e45 | RGB(42, 46, 69) | Offline Ink | — |
| #fff9e6 | #fff9e6 | RGB(255, 249, 230) | Install Cream | — |
| #ff6e6c | #ff6e6c | RGB(255, 110, 108) | Push Coral | — |
| #a3f7bf | #a3f7bf | RGB(163, 247, 191) | Responsive Mint | — |
| #353535 | #353535 | RGB(53, 53, 53) | ServiceWorker Graphite | — |
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 |
|---|---|---|
#7ddfff | #fff9e6 | 1.43 |
#7ddfff | #ff6e6c | 1.8 |
#7ddfff | #a3f7bf | 1.19 |
#2a2e45 | #353535 | 1.08 |
#fff9e6 | #a3f7bf | 1.2 |
Tavolozza immagini Progressive Web App Studio png
Esporta tavolozza
Scarica la "Progressive Web App Studio" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: