Color can be added to your community in a variety of places. For example, you can use the theme designer to customize your wiki's color palette. Or you can add more specific color via your community's templates and CSS.
Defining colors
Hexadecimal codes
Just about every color imaginable can be represented by a six-digit hexadecimal code — a numerical representation of the amount of red, green and blue present in that particular color. Therefore, hex codes are more precise — though less user-friendly — than color names.
In the charts below are some hex codes for a few colors. If you want to use any of these, just add them where appropriate. For example, if you want to make your button color white in the theme designer, copy the hex code of that color (#FFFFFF), then add it to the input field on the customize tab.
Note: hex codes are case-insensitive, so #ffffff and #FFFFFF mean the same thing.
Color names
There are two main types of color names that are preferred, HTML and X11.
HTML color names
For ease of use, some colors have color keywords — case-insensitive names, like red
and YeLLow
. The HTML 4.01 specification[1] defined sixteen "basic" color keywords:
Name | Hex code |
---|---|
cyan | #00FFFF |
navy | #000080 |
black | #000000 |
olive | #808000 |
blue | #0000FF |
purple | #800080 |
fuchsia | #FF00FF |
red | #FF0000 |
Name | Hex code |
---|---|
green | #008000 |
silver | #C0C0C0 |
gray | #808080 |
teal | #008080 |
lime | #00FF00 |
white | #FFFFFF |
maroon | #800000 |
yellow | #FFFF00 |
X11 color names
If you've spent any time coding, though, you know there are other color names, like cornflowerblue
and linen
. These extended color keywords are X11 color names, defined by web browsers.
A large, helpful list of usable color names and equivalent hex codes can be found on Wikipedia.[2][3]
Fluorescent colors
Fluorescent or neon colors can appear to glow on your wiki's pages, depending on how you've set up your base colors in the theme designer. The effect can be arresting and effective. So play around with the following. But remember: a little neon goes a long way!
Name | Hex code |
---|---|
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 |
Name | Hex code |
---|---|
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 |
References
- ↑ HTML 4.01 Specification section 6.5 "Colors"
- ↑ W3C TR CSS3 Color Module, SVG color keywords
- ↑ W3C TR SVG 1.0, recognized color keyword names
See also
- Web colors at Wikipedia, upon which this page was based
- 4096 Color Wheel
- Color Names and Hue by Colblindor
- The Do's and Don'ts of Designing with Neon Colors
- An overview of how contrast affects color choices on your wiki
- Editing your wiki's look with the Theme Designer
Further help and feedback
- Browse and search other help pages at Help:Contents
- Check Fandom Community Central for sources of further help and support
- Check Contacting Fandom for how to report any errors or unclear steps in this article