FANDOM


This page is best viewed on our desktop skin. (Click here to view this page in desktop mode)

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 general 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 rightly seen as 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.

And remember: 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 comprehension, 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 Name Hex
cyan #00FFFF green #008000
navy #000080 silver #C0C0C0
black #000000 gray #808080
olive #808000 teal #008080
blue #0000FF lime #00FF00
purple #800080 white #FFFFFF
fuchsia #FF00FF maroon #800000
red #FF0000 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 Name Hex
Rainshower #C9FFE5 Screamin' Green #66FF66
Blizzard Blue #A3E3ED Purple Pizzazz #FE4EDA
Psychedelic Purple #FA00FF Electric Violet #8B00FF
Harlequin #3FFF00 Sunglow #FFCC33
Bubbles #E7FEFF Electric Lime #CCFF00
Razzle Dazzle Rose #FF33CC Snowy Mint #D6FFDB
Electric Purple #BF00FF Flamingo Pink #FF66FF
Hot Magenta #FF00CC Infra Red #FF496C
Neon Carrot #FFA343 Laser Lemon #FFFF66
Chartreuse Yellow #DFFF00 Phlox #DF00FF
Shocking Pink #FC0FC0 Veronica #A020F0

References

  1. HTML 4.01 Specification section 6.5 "Colors"
  2. W3C TR CSS3 Color Module, SVG color keywords
  3. W3C TR SVG 1.0, recognized color keyword names

See also

Further help and feedback