Marques / couleurs
Couleurs
Les couleurs Wikimédia se composent de trois palettes de couleurs différentes: la palette de base, la palette d'héritage, et la palette créative. Pour faciliter l'implementation de ces palettes aux designs, nous avons défini ces couleurs avec des paramètres spécifiques.
Palette de Couleurs de Base
La palette de base comprend les couleurs Noir et Blanc, et aussi trois tons de noir: Noir 25, Noir 50, et Noir 75. Noir et blanc sont les couleurs principales qui vont mieux avec les couleurs dans la palette d'héritage et la palette créative. Le logo de la Wikimedia Foundation est noir ou blanc. Cette approche le rend flexible et prêt à utiliser dans des contextes diverses.
| Couleur | Blanc | Noir | Noir 75 | Noir 50 | Noir 25 |
| Code HEX | FFFFFF | 000000 | 404040 | 7F7F7F | BFBFBF |
Palette d'Héritage
La palette d'héritage comprend les trois couleurs les plus associés avec le mouvement Wikimédia: vert, bleu, et rouge. On les utilise comme des couleurs de fond, pour les titres et titulaires, et sur des vêtements portant notre marque. Ces couleurs ont aussi des versions optimisées pour être plus accessibles, avec un contraste qualifié AAA en combinaison avec le blanc.
| Couleur | Vert | Bleu | Rouge | Vert AAA | Bleu AAA | Rouge AAA |
| Code HEX | 396 | 0063BF | 900 | 246342 | 0C57A8 | 970302 |
Palette Créative
La palette créative se compose de 11 couleurs dérivés de couleurs les plus fréquemment utilisés par les groupes de la communauté autour du globe, et aussi par les couleurs bien-aimés de l'anniversaire Wikipedia20. Cette palette a été développée pour completer les palettes de base et d'héritage, aussi comme pour donner une versatilité étendue dans les situations qui le méritent. Ces rouge, bleu, et vert sont légèrement différents de ceux de la palette d'héritage, fixés aux paramètres AA.
La palette créative comprend des couleurs foncés et des tonalités plus claires. Les tons clairs sont plus utiles pour exprimer des choses plus subtilement.
Couleurs foncés
| Couleur | Rouge | Rose | Orange | Jaune | Violet | Vert foncé |
| Code HEX | 970302 | E679A6 | EE8019 | F0BC00 | 5748B5 | 305D70 |
| Couleur | Bleu | Bleu vif | Jaune vif | Vert | Vert vif | - |
| Code HEX | 0E65C0 | 049DFF | E9E7C4 | 308557 | 71D1B3 | - |
Couleurs Clairs
| Couleur | Rouge | Rose | Orange | Jaune | Violet | Vert foncé |
| Code HEX | E5C0C0 | F9DDE9 | FBDFC5 | FBEEBF | D5D1EC | CBD6DB |
| Couleur | Bleu | Bleu vif | Jaune vif | Vert | Vert vif | - |
| Code HEX | C3D8EF | C0E6FF | F9F9F0 | CBE0D5 | DBF3EC | - |
For developers
Template, module and gadget developers may find the CSS stylesheet of all the items above.
Usage des couleurs
Combinaisons
Pour arriver au contraste suffisant, nous vous conseillons de combiner la palette d'héritage avec la palette créative et des textes en noir ou blanc. Tous les couleurs sauf le violet, le bleu, le vert et le vert foncé supportent le texte noir. Le reste des couleurs doivent être combinés avec du blanc pour atteindre le contraste suffisant.
À ne pas faire
Respectant l'accessibilité, on conseille d'eviter la combinaison de couleurs vifs et couleurs foncés dans la palette créative aux textes, car le contraste n'est pas suffisant.
