Jump to content

Marques / couleurs

From Meta, a Wikimedia project coordination wiki
This page is a translated version of the page Brand/colours and the translation is 95% complete.
Outdated translations are marked like this.

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.

Codes HEX
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.

Codes HEX
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

Codes HEX
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

Codes HEX
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.