Color Adjuster
Lighten, darken, invert, desaturate or adjust the saturation of a HEX, RGB or HSL color. See the result in real time.
Original
Result
How to use?
Pick a color with the picker or type the HEX code straight in. The sliders handle brightness and saturation, and the quick-action buttons do the same in one tap. To copy the HEX, just click the result swatch.
Adjust a colour
Taking a colour and generating a variation of it, lighter, darker, with more or less saturation, is something that comes up all the time in design. The tool applies those adjustments to a colour in HEX, RGB or HSL and shows the result right away.
You can lighten, darken, invert, desaturate (make it greyer) or push the saturation up, with the code updating at every move. It sorts you out when you need a button's hover state, variations of a brand colour or to fine-tune a palette without guessing values.
The calculation runs in the browser and the code comes ready to copy. A direct tool for anyone working with colours in web and design.
Related Tools
Color Shades Generator
Generate shades and tints of any color. Click to copy the HEX, RGB or HSL code. Perfect for design systems and UI development.
Image Color Picker
Load an image and discover the color of any pixel in real time. Hover to see HEX, RGB and HSL with a magnifier. Automatically extracts the dominant color palette.
Color Picker
Pick a color and get its HEX, RGB and HSL values with one click to copy.