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 | modifier le code]
- 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 êtrergb(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 | modifier le code]
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 | modifier le code]
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
Motivation[modifier | modifier le code]
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 | modifier le code]
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.