Help:Color



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.

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. RGBA is another color model that is frequently used on the web. It includes not only the red, green, and blue but also the "alpha" or transparency channels. Therefore, hex and RGB/RGBA 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 wish 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 not case-sensitive, so #ffffff and #FFFFFF represent 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   and  . The HTML 4.01 specification defined sixteen "basic" color keywords:

RGBA color names
Note: You may also find RGB codes that are the same as the RGBA codes but without the alpha channel. This makes them functionally equivalent to the HTML color codes listed above.

The color channels range in value from 0 to 255, while the alpha or transparency channel is always a value between 0 and 1, with 0 denoting full transparency and 1 denoting full opacity, or no transparency.

The first of the four numbers represents the red channel, the second represents the green channel, the third represents the blue channel, and the fourth, the alpha channel.

X11 color names
If you've spent any time coding, though, you know there are other color names, like  and. 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.

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!

Several online tools are available which can assist you in choosing the right color.

Color and accessibility
While being creative with color can greatly enhance the look of your wiki, it is important to remain mindful that not everyone perceives color in the same way. Keeping your wiki accessible to the colorblind, seeing-impaired, or disabled is also important.

Sharp contrasts can also be considered "hard on the eyes" and should be avoided. One helpful site is Contrast Checker.

Further help and feedback
ca:Ajuda:Color de:Hilfe:Farben es:Ayuda:Color fi:Ohje:Väri fr:Aide:Couleur ja:ヘルプ:カラー ko:도움말:색깔 nl:Help:Kleur pl:Pomoc:Kolory pt:Ajuda:Cores ro:Ajutor:Culori ru:Справка:Цвет tr:Yardım:Renk vi:Trợ giúp:Màu sắc zh:Help:顏色