Lighten or Darken Any Color


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.

What is a hex 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.



Input Color:

Altered Color: