Creato a 07/07/2025 17:14
Progressive Web Signal Suite
- Manifest Teal#009688
- Offline Sand#fff8e1
- Push Violet#7e57c2
- Install Banner Gray#cfd8dc
- Lighthouse Green#66bb6a
- Beacon Black#263238
La tavolozza è composta da Leggero, Buio colori. Colori accentati Manifest Teal #009688 e Offline Sand #fff8e1. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #263238 (più scuro) a #FFF8E1 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #009688, #263238, #66BB6A, #7E57C2, #CFD8DC, #FFF8E1
La tavolozza Progressive Web Signal Suite ha una combinazione di colori dei codici 6:
ESADECIMALE: #009688, RGB: (0, 150, 136); ESADECIMALE: #fff8e1, RGB: (255, 248, 225); ESADECIMALE: #7e57c2, RGB: (126, 87, 194)
ESADECIMALE: #cfd8dc, RGB: (207, 216, 220); ESADECIMALE: #66bb6a, RGB: (102, 187, 106); ESADECIMALE: #263238, RGB: (38, 50, 56)
Versione semplificata della tavolozza dei colori
Ombra di darkcyan, Ombra di cornsilk, Ombra di slateblue, Ombra di lightgrey, Ombra di mediumseagreen, Tonalità di darkslategrey
La combinazione di colori è stata creata da bad_colors
Altre tavolozze con:
Codici colori nella tavolozza
Progressive Web Signal Suite codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #009688 | #009688 | RGB(0, 150, 136) | Manifest Teal | — |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Offline Sand | Still Morning |
| #7e57c2 | #7e57c2 | RGB(126, 87, 194) | Push Violet | — |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | Install Banner Gray | — |
| #66bb6a | #66bb6a | RGB(102, 187, 106) | Lighthouse Green | — |
| #263238 | #263238 | RGB(38, 50, 56) | Beacon Black | — |
Contrasto della palette di colori
4 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 |
#009688 | #7e57c2 | 1.41 |
#009688 | #66bb6a | 1.55 |
#fff8e1 | #cfd8dc | 1.36 |
#cfd8dc | #66bb6a | 1.63 |
Tavolozza immagini Progressive Web Signal Suite png
Esporta tavolozza
Scarica la "Progressive Web Signal Suite" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: