Color Brightness Adjuster
Lighten or darken any color by percentage with live preview, brightness scale, and hex/RGB output.
How to Use Color Brightness Adjuster
The Color Brightness Adjuster lets you lighten or darken any color by a percentage with a live side-by-side preview. Pick a color using the color picker or enter a hex code, then use the brightness slider to adjust. Values below 100% darken the color toward black, while values above 100% lighten it toward white. The tool shows the adjusted color in both hex and RGB formats, plus a full brightness scale from 0% to 200%. Perfect for designers creating hover states, generating tints and shades for design systems, or finding lighter/darker variants of brand colors.
Step-by-Step Instructions
- Select a color using the picker or enter a hex code
- Adjust the brightness slider (below 100% = darker, above 100% = lighter)
- View the side-by-side comparison and brightness scale
- Copy the adjusted hex or RGB value
Related Tools
Color Picker
Pick colors and get HEX, RGB, and HSL values simultaneously.
Gradient Generator
Create CSS linear and radial gradients with live preview.
Palette Generator
Generate 5 complementary colors from any base color.
Image to Base64 Converter
Convert PNG, JPEG, GIF, WEBP, and SVG images to Base64 strings.