Cette page est mieux présentée sur l'habillage Fandom pour bureau. (Cliquez ici pour voir cette page en mode bureau)

Des couleurs peuvent être ajoutées à votre communauté en divers endroits. Par exemple, vous pouvez utiliser le concepteur de thème pour personnaliser la palette de couleurs de votre wiki. Vous pouvez également ajouter une couleur plus spécifique via les modèles et CSS de votre communauté.

Définir des couleurs[modifier le wikicode]

Codes hexadécimaux[modifier le wikicode]

Presque toutes les couleurs imaginables peuvent être représentées par un code hexadécimal à six chiffres —  une représentation numérique de la quantité de rouge, de vert et de bleu présente dans cette couleur particulière. RVBA (ou RGBA) est un autre modèle de couleur souvent utilisé sur le web. Il comprend non seulement le rouge, le vert et le bleu mais aussi les canaux « alpha » ou de transparence. Les codes hexadécimaux et RVB/RVBA sont donc plus précis — bien que moins pratiques — que les noms des couleurs.

Dans les tableaux ci-dessous, vous trouverez quelques codes hexadécimaux pour quelques couleurs. Si vous souhaitez les utiliser, il vous suffit de les ajouter aux endroits appropriés. Par exemple, si vous souhaitez que votre bouton soit blanc dans le concepteur de thème, copiez le code hexadécimal de cette couleur (#FFFFFF). Ajoutez-le ensuite dans le champ de saisie de l'onglet Personnaliser.

Note : les codes hexadécimaux ne sont pas sensibles à la casse, donc #ffffff et #FFFFFF représentent la même chose.

Noms de couleur[modifier le wikicode]

Il y a deux principaux types de noms de couleur qui sont préférés, HTML et Web.

Noms de couleur HTML[modifier le wikicode]

Pour faciliter leur utilisation, certaines couleurs ont des mots-clés de couleur — noms insensibles à la casse, comme red et YeLLow. La spécification HTML 4.01 [1] a défini seize mots clés de couleur "de base" : :

Nom Code hexa
cyan #00FFFF
navy #000080
black #000000
olive #808000
blue #0000FF
purple #800080
fuchsia #FF00FF
red #FF0000
Nom Code hexa
green #008000
silver #C0C0C0
gray #808080
teal #008080
lime #00FF00
white #FFFFFF
maroon #800000
yellow #FFFF00

Noms de couleur RVBA[modifier le wikicode]

Note : Vous pouvez également trouver des codes RVB qui sont les mêmes que les codes RGBA mais sans le canal alpha. Cela les rend fonctionnellement équivalents aux codes de couleur HTML énumérés ci-dessus.

Les canaux de couleur ont une valeur comprise entre 0 et 255, tandis que le canal alpha, ou de transparence, a toujours une valeur comprise entre 0 et 1, 0 désignant une transparence totale et 1 une opacité totale, ou aucune transparence.

Le premier des quatre chiffres représente le canal rouge, le deuxième représente le canal vert, le troisième représente le canal bleu et le quatrième, le canal alpha.

Nom Code RVBA
cyan rgba(0, 255, 255, 1)
navy rgba(0, 0, 128, 1)
black rgba(0, 0, 0, 1)
olive rgba(128, 128, 0, 1)
blue rgba(0, 0, 255, 1)
purple rgba(128, 0, 128, 1)
fuchsia rgba(255, 0, 255, 1)
red rgba(255, 0, 0, 1)
Nom Code RVBA
green rgba(0, 128, 0, 1)
silver rgba(192, 192, 192, 1)
gray rgba(128, 128, 128, 1)
teal rgba(0, 128, 128, 1)
lime rgba(0, 255, 0, 1)
white rgba(255, 255, 255, 1)
maroon rgba(128, 0, 0, 1)
yellow rgba(255, 255, 0, 1)

Noms de couleur du web[modifier le wikicode]

Si vous avez passé un peu de temps à coder, vous savez qu'il y a d'autres noms de couleur, comme cornflowerblue et linen. Ces mots clés de couleur étendus sont les noms de couleur X11, définis par les navigateurs web.

La première version du système Windows X a déterminé les mots-clés de couleur par les noms des couleurs X11. Aujourd'hui, les couleurs du web, le système hérité de X11, fournissent les couleurs disponibles.

Une large liste utile de noms de couleurs utilisables et leurs codes hexadécimaux équivalents sur Wikipédia.[2][3]

Couleurs fluorescentes[modifier le wikicode]

Les couleurs fluorescentes ou néon peuvent sembler briller sur les pages de votre wiki, selon la façon dont vous avez configuré vos couleurs de base dans le concepteur de thème. L'effet peut être saisissant et efficace. Jouez donc avec ce qui suit. Mais n'oubliez pas : un petit néon peut faire de grandes choses !

Nom Code hexa
Rainshower #C9FFE5
Blizzard Blue #A3E3ED
Psychedelic Purple #FA00FF
Harlequin #3FFF00
Bubbles #E7FEFF
Razzle Dazzle Rose #FF33CC
Electric Purple #BF00FF
Hot Magenta #FF00CC
Neon Carrot #FFA343
Chartreuse Yellow #DFFF00
Shocking Pink #FC0FC0
Nom Code hexa
Screamin' Green #66FF66
Purple Pizzazz #FE4EDA
Electric Violet #8B00FF
Sunglow #FFCC33
Electric Lime #CCFF00
Snowy Mint #D6FFDB
Flamingo Pink #FF66FF
Infra Red #FF496C
Laser Lemon #FFFF66
Phlox #DF00FF
Veronica #A020F0

Plusieurs outils en ligne sont disponibles, qui peuvent vous aider à choisir la bonne couleur.

Couleurs et accessibilité[modifier le wikicode]

Bien qu'être créatif en matière de couleurs puisse grandement améliorer l'aspect de votre wiki, il est important de garder à l'esprit que tout le monde ne perçoit pas la couleur de la même manière. Il est également important que votre wiki reste accessible aux daltoniens, aux malvoyants ou aux handicapés.

Les contrastes prononcés peuvent également être considérés comme « agressifs pour les yeux » et doivent être évités. Le site Contrast Checker peut s'avérer utile.

Références[modifier le wikicode]

Voir aussi[modifier le wikicode]

Plus d'aide

Sauf mention contraire, le contenu de la communauté est disponible sous licence CC-BY-SA .