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[]
Codes hexadécimaux[]
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[]
Il y a deux principaux types de noms de couleur qui sont préférés, HTML et Web.
Noms de couleur HTML[]
Pour faciliter leur utilisation, certaines couleurs ont des mots-clés de couleur — des 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[]
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[]
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[]
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é[]
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. Ces deux sites Contrast Checker et Link Contrast Checker peuvent s'avérer utile.
Références[]
Voir aussi[]
- Couleurs du Web sur Wikipédia, sur laquelle cette page est basée.
- - Palette de 4096 couleurs
- - Noms de couleur et de teinte par Colblindor sur le site web Color-blindness.
- Bonnes et mauvaises pratiques quand on applique des couleurs néon
- Déficience de perception des couleurs et conception web
- Un aperçu de comment le contraste affecte le choix de couleurs sur votre wiki
- Chercheur de couleurs contrastées sur le site web Scheme color.
- Modification de l'apparence de votre wiki avec le Concepteur de thème
Plus d'aide
- Parcourez et recherchez d'autres pages d'aide sur Aide:Contenu
- Visitez le Centre des communautés pour plus d'aide
- Consultez Aide:Contacter Fandom pour savoir comment signaler des erreurs ou des points à éclaircir sur cet article