Créé à 08/18/2025 08:38
Progressive Web App Design Mesh
Component Green
#10b981
Overlay Violet
#7c3aed
Surface White
#f3f4f6
System Gray
#9ca3af
Accent Orange
#fb8c00
Contrast Black
#111827
La palette se compose de Lumière, Semi foncé, Sombre couleurs. Couleurs d'accent Component Green #10b981 et Accent Orange #fb8c00. La palette a une température de couleur Froid, Neutre, Chaud.
La palette Progressive Web App Design Mesh a une combinaison de couleurs de codes 6:
HEX: #10b981, RVB: (16, 185, 129); HEX: #7c3aed, RVB: (124, 58, 237); HEX: #f3f4f6, RVB: (243, 244, 246)
HEX: #9ca3af, RVB: (156, 163, 175); HEX: #fb8c00, RVB: (251, 140, 0); HEX: #111827, RVB: (17, 24, 39)
Version simplifiée des couleurs de la palette
Nuance de mediumseagreen, Ombre de blueviolet, Nuance de whitesmoke, Nuance de darkgrey, Nuance de darkorange, Ombre de Noir
Le jeu de couleurs a été créé par hex
Codes couleurs dans la palette
Progressive Web App Design Mesh codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #10b981 | #10b981 | RVB(16, 185, 129) | Component Green | — |
| #7c3aed | #7c3aed | RVB(124, 58, 237) | Overlay Violet | — |
| #f3f4f6 | #f3f4f6 | RVB(243, 244, 246) | Surface White | — |
| #9ca3af | #9ca3af | RVB(156, 163, 175) | System Gray | — |
| #fb8c00 | #fb8c00 | RVB(251, 140, 0) | Accent Orange | — |
| #111827 | #111827 | RVB(17, 24, 39) | Contrast Black | — |
Contraste de la palette de couleurs
3 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 |
#10b981 | #9ca3af | 1 |
#10b981 | #fb8c00 | 1.06 |
#9ca3af | #fb8c00 | 1.07 |
