CSS Color Codes

When coding CSS, you will often need to define a color for an HTML element. For example, you might need to create a red font, a yellow background, or a blue border.

In CSS, you define a color using either the hexadecimal color code, the RGB color code, or the actual color name. A benefit of using hexadecimal and RGB color codes is that you have many more options than just supplying a color name.

The color picker and chart on this page provide you with the hexadecimal color codes. The color picker also provides the RGB color code.

Hexadecimal color codes are often referred to as "hexadecimal colors", "hex colors codes", "color values" and a few other terms. "Hexadecimal color values" is probably the most accurate term as they are made up of hexadecimal numbers.

Option 1: Color Picker

Use this color picker to find a suitable color. To use it:

1. Use the slider on the right to change the hue.
2. Click anywhere in the large square to pick a color.
3. Once you're happy with the color, copy the hexadecimal value from the bottom field (the series of 6 digits/letters in bold (for example #FFFFFF).

R H G S B V #

Choosing Multiple Colors (optional) Choose/compare up to 3 colors. Click in a field below, then select a color from the color picker... Try it! Color 1: # ____ Color 2: # ____ Color 3: # ____

Option 2: Web Safe Colors

Below is a chart covering the 216 hexidecimal color values from the web safe palette. Use this chart if you prefer to use colors from the web safe palette.

For more about hexadecimal colors, see Hex Color Codes.