Aide:Paramètre de couleur

La valeur d'un paramètre de couleur doit être conforme à la syntaxe HTML pour les couleurs.

Description détaillée modifier

La conformité à la syntaxe signifie

L'ablation du "#" est proscrite. (Pour les problèmes d'affichage généré par le "#", voir ci-dessous)
Une valeur telle que 70,130,180 est également invalide (ce doit être rgb(70,130,180))
rouge, bleu, ... sont invalides (ce sont des codes couleurs et non des couleurs)
En revanche transparent, inherit, red, white sont valides.

Les convention pour les couleurs

La meilleure syntaxe est #123456
L'utilisation de la syntaxe #FE2 est déconseillée (car peu compréhensible pour le contributeur moyen)
La syntaxe rgb(70,130,180) est également déconseillée (car peu courante)
Il faut utiliser de préférence, inherit comme valeur par défaut.

Les termes pour un paramètre de couleur

couleur est à employer de préférence.
On peut également employer couleur de fond, couleur de titre, couleur de bordure.
Pour les modèles plus technique, on peut préférer les termes HTML plus parlant : background-color, border-color, color, ...

Code couleur modifier

Un code couleur est un mot-clé qui permet d'obtenir une couleur par le biais d'un modèle de palette de couleurs.

De manière générale, l'emploi de codes couleur (palette) est déconseillé (car inutilement compliqué et réducteur). Cependant il est parfois utile pour deux raisons :

empécher le bariolage (autrement dit, respecter la charte graphique)
"simplifier la vie" du contributeur lambda. (le modèle {{Cadre1}}, par exemple)

Si l'on nomme un paramètre de code couleur, on doit alors utiliser le terme "code couleur" ou éventuellement "thème", "type" (mais, ni couleur, ni style comme dans {{Cadre1}}).

Modèle de palette de couleurs modifier

Un modèle de palette de couleurs convertit un code couleur en couleur. C'est un modèle de type #switch:.

Ces modèles sont de plus en plus nombreux. Ce sont généralement des sous-modèles et il faut veiller à ce qu'ils respectent la charte graphique.

Exemples

voir Catégorie:Charte graphique

Motivation modifier

On trouve, actuellement, divers usages qui se traduisent par des valeurs différentes et incompatibles :

red, #123456, #FE2, transparent
123456
rouge, bleu, ... ({{Cadre}})
70,130,180

Ces conventions ont donc pour but de mettre fin à la cacophonie.

Astuces pour empêcher l'interprétation du "#" modifier

Le caractère "#" permet de numéroter un paragraphe. Donc pour afficher le code d'une couleur (par exemple #808080) passée en paramètre ou retournée par un modèle, il faut empêcher cette mauvaise interprétation. Cela peut être fait de deux manières :

En codant la couleur ainsi #808080 (voir le code de en:Template:Infobox musical artist/color selector par exemple)
En conservant la syntaxe #808080 et en utilisant un modèle intermédiaire (ce second procédé est préférable)

Si l'on utilise un modèle intermédiaire, disons Modèle:Écrit la couleur dont le code sera <span>{{{couleur}}}</span> (ou aussi bien '''{{{couleur}}}''', etc. ; mais pas {{{couleur}}}), le code « {{Écrit la couleur|couleur={{Mouvement socialiste pour l'intégration/Couleur|seule}}}} » donnera bien : « #E1403A ».

Modèle:Charte graphique de Boîte Utilisateur/Ligne est un exemple de tels "modèles" intermédiaires. Voir aussi Template talk:GetColor sur Test Wikipedia.