Darken Color
Decrease the lightness of any color. Enter a color in HEX, RGB, or HSL format and use the slider to make it darker. See the result with a live preview.
Original
Darkened
-15%
Why use this tool?
Quickly darken any color for design work, web development, or creative projects without manually adjusting HSL values.
- Instant preview — see the original and darkened color side by side.
- Adjustable darkness — control exactly how much darker to make the color.
- Multiple formats — input HEX, RGB, or HSL; output all three formats.
- One-click copy — copy the result in any format instantly.
- Privacy-focused — all processing happens in your browser. No data is sent to servers.
How to use
- Enter a color value in HEX, RGB, or HSL format.
- Use the slider to adjust how much darker to make the color.
- View the original and darkened colors in the preview boxes.
- Copy the result in your preferred format (HEX, RGB, or HSL).