Loading…

How to use Lighten / Darken Color

Enter a color and a percentage, and the tool lightens or darkens it by that precise amount.

Frequently asked questions

How does lightening work?

We convert to HSL and add your percentage to the lightness channel, clamped between 0% and 100%, then convert back to HEX.

Does the hue change when I darken?

No. Only the lightness value changes, so the underlying hue and saturation stay the same for consistent tints and shades.

What is the difference between a tint and a shade?

A tint is a lighter version (more white), a shade is a darker version (more black). This tool produces both.

More Color Tools

HSL Adjuster
Shift hue, saturation and lightness of a color with live preview
Alpha Blend Calculator
Composite a translucent color over a background to a solid hex
CMYK ↔ RGB Converter
Convert print CMYK percentages to RGB / HEX and back both ways
Grayscale Converter
Convert any color to perceptual grayscale using Rec.601 luma
Sepia Tone Converter
Apply the classic sepia photo tone matrix to any color
HEX Shorthand Expander
Expand 3-digit hex to 6-digit and shorten collapsible hex codes
Pastel Color Generator
Turn any bold color into a soft pastel version instantly
CSS color-mix() Generator
Build a CSS color-mix() in srgb and preview the computed result
Nearest Tailwind Color
Find the closest Tailwind CSS color name and shade for any hex
Color Blend Mode Calculator
Compute multiply, screen, overlay and more blend results of 2 colors
RGB Percentage Converter
Convert HEX to percentage rgb(), 0–1 float and 8-bit integer forms
Color Picker
Pick colors visually and get HEX, RGB, HSL, HSV, CMYK values

← View all Color ToolsBrowse all 1,100+ tools →