Type in a hex color code below. Click on the toggle button below to switch modes. Use the slider to lighten or darken the color.

Normally, we use **decimals** (base 10 numbers) to
represent digits. With **hexadecimals**, or hex, we use
base 16 numbers. Hex uses 16 distinct symbols, so it starts at 0, goes
all the way up to 9, then use letters A through F. We end up with six
values, with 16 possible options: #00000 (black), #ABABAB (gray),
#FFFFFF (white), etc. That's a lot of options!

**16,777,216**, to be exact.

The first two values in a hex color code represent how much
**red** is in the color, the middle two values represent
how much **green** is in the color, and the final two
values represent how much **blue** is in the color.

If you're not sure where to start, check out CSS Colors for ideas.

Lighten

Darken

Input Color:

Altered Color: