Hex Color Format

The Hex color format or hex triplet is a 3-byte hexadecimal code, which leads to 16,777,216 possible combinations of the six characters for the hex triplet. The hex color, based on three primary colors, red, the green value and last the blue color. By concatenating these six characters the hex color, for example, FF00AA gets built.

If one of the three hexadecimal color values is less than 16, a zero is added prefix. So a hex value of 4 would be 04 as the triplet always has six characters. Let's look at the example from before again and break it down:

The # indicates that the following is a hex color. The rest of the string FF00AA is representing the colors red, green and blue, valid characters in the hex color are only ten numerals (0-9) and six letters (a-f). As a representation with only numbers would not cover the full color space the letters a-f are used to represent the numbers 10 - 16.

The higher the value of a primary color is, the brighter that color is, which means that the hex color 000000 has zero brightness in all three primary colors and is therefore black. The color FFFFFF is the opposite as all colors have the full light which leads to white.

To make it easier to understand a few more examples:
FF0000, as only the red color, has a value for brightness and as it is the highest value possible (f=16), this color code shows the brightest red.
00FF00, now the red color has no value, but the green color has, meaning this is the most brilliant green color.
0000FF, same concept here only the last primary color (blue) has a value for brightness and shows, therefore, the brightest blue color.


In CSS it is possible to use a shorthand three-digit format, where the single digits get doubled. So for example 0FC would be 00FFCC in the usual form. In the Shorthand format, there are only 4096 possible colors.

CSS Example

To use a Hex color in CSS the following format needs to be used #RRGGBB. Hex colors are supported by all browsers.

div {