Créé à 08/11/2025 09:51
Vector-Based UI Icons
- Path Blue#118ab2
- Anchor Orange#f8961e
- Fill Mint#a7c957
- Stroke Gray#8d99ae
- Background White#ffffff
- Grid Black#000000
La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Path Blue #118ab2 et Anchor Orange #f8961e. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #000000 (plus sombre) à #FFFFFF (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).
Les notes chaudes et froides sont assez équilibrées.
Codes HEX (triés) : #000000, #118AB2, #8D99AE, #A7C957, #F8961E, #FFFFFF
La palette Vector-Based UI Icons a une combinaison de couleurs de codes 6:
HEX: #118ab2, RVB: (17, 138, 178); HEX: #f8961e, RVB: (248, 150, 30); HEX: #a7c957, RVB: (167, 201, 87)
HEX: #8d99ae, RVB: (141, 153, 174); HEX: #ffffff, RVB: (255, 255, 255); HEX: #000000, RVB: (0, 0, 0)
Version simplifiée des couleurs de la palette
Nuance de steelblue, Ombre de darkorange, Ombre de Vert jaunâtre, Ombre de lightslategrey, Blanc, Noir
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Vector-Based UI Icons codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #118ab2 | #118ab2 | RVB(17, 138, 178) | Path Blue | — |
| #f8961e | #f8961e | RVB(248, 150, 30) | Anchor Orange | — |
| #a7c957 | #a7c957 | RVB(167, 201, 87) | Fill Mint | — |
| #8d99ae | #8d99ae | RVB(141, 153, 174) | Stroke Gray | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Background White | White |
| #000000 | #000000 | RVB(0, 0, 0) | Grid Black | Black |
Contraste de la palette de couleurs
6 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 |
#118ab2 | #f8961e | 1.76 |
#118ab2 | #8d99ae | 1.37 |
#f8961e | #a7c957 | 1.18 |
#f8961e | #8d99ae | 1.28 |
#a7c957 | #8d99ae | 1.52 |
#a7c957 | #ffffff | 1.88 |
Palette d'images Vector-Based UI Icons png
Exporter la palette
Téléchargez la "Vector-Based UI Icons" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :