Example: #808080 or rgb(128, 128, 128) or gray or

{{ lightenAmount }}%

Adjust slider above to select the amount of lightening to apply to the color.

Click to copy value in desired type above.

Lighten Color

Lighten a color online. Enter color in rgb, hex, hsl or hsv and get different lighter shades of the color.

How to Use Lighten Color?

  • Enter value of your color in textbox above in any format (RGB, HEX, RGBA, HSL, HSV etc.)
  • Adjust the slider to select the amount (in percent) in order to lighten the given color.
  • Lightened color will be automatically updated along with its value in different formats.
  • Click to copy value of the lightened color in HEX, RGB, HSL or HSV.
  • Value will be copied directly to your clipboard.
  • In case your browser does not support copying values directly to clipboard via script then you can do a manual copy.
  • You can use the "Random" button to generate a random color.
  • You can share the color to lighten using the URL in address bar as it updates to reflect current color.
  • We do not store any data entered by you and everything is done inside your browser.

Credits

  • Vue.js - The Progressive JavaScript Framework
  • TinyColor - Fast, small color manipulation and conversion for JavaScript
  • SweetAlert - A beautiful replacement for JavaScript's alert