Créé à 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 palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Manifest Teal #009688 et Offline Sand #fff8e1. La palette a une température de couleur Froid, Neutre.
En luminosité, cette palette va de #263238 (plus sombre) à #FFF8E1 (plus clair). L’écart de luminosité est large.
Saturation mixte — passages atténués et accents plus vifs.
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid.
Codes HEX (triés) : #009688, #263238, #66BB6A, #7E57C2, #CFD8DC, #FFF8E1
La palette Progressive Web Signal Suite a une combinaison de couleurs de codes 6:
HEX: #009688, RVB: (0, 150, 136); HEX: #fff8e1, RVB: (255, 248, 225); HEX: #7e57c2, RVB: (126, 87, 194)
HEX: #cfd8dc, RVB: (207, 216, 220); HEX: #66bb6a, RVB: (102, 187, 106); HEX: #263238, RVB: (38, 50, 56)
Version simplifiée des couleurs de la palette
Ombre de darkcyan, Ombre de cornsilk, Ombre de slateblue, Ombre de lightgrey, Ombre de mediumseagreen, Nuance de darkslategrey
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Progressive Web Signal Suite codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #009688 | #009688 | RVB(0, 150, 136) | Manifest Teal | — |
| #fff8e1 | #fff8e1 | RVB(255, 248, 225) | Offline Sand | Still Morning |
| #7e57c2 | #7e57c2 | RVB(126, 87, 194) | Push Violet | — |
| #cfd8dc | #cfd8dc | RVB(207, 216, 220) | Install Banner Gray | — |
| #66bb6a | #66bb6a | RVB(102, 187, 106) | Lighthouse Green | — |
| #263238 | #263238 | RVB(38, 50, 56) | Beacon Black | — |
Contraste de la palette de couleurs
4 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#009688 | #7e57c2 | 1.41 |
#009688 | #66bb6a | 1.55 |
#fff8e1 | #cfd8dc | 1.36 |
#cfd8dc | #66bb6a | 1.63 |
Palette d'images Progressive Web Signal Suite png
Exporter la palette
Téléchargez la "Progressive Web Signal Suite" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :