LCH Color Tool
Shift lightness and chroma in perceptually uniform LCH space. Click any swatch to copy.
Why use LCH for color adjustments
LCH separates a color into lightness, chroma, and hue, which makes it easier to brighten, mute, or intensify a color without the strange shifts you often get in RGB or HSL.
That makes it useful for design systems: hover states, disabled states, accent ramps, dark mode tuning, and brand variants can all be generated more predictably when the adjustments track closer to human perception.
Frequently asked questions
What does this LCH color tool do?
It lets you shift the lightness and chroma of one or more hex colors in LCH space, then compare the original and adjusted colors side by side before copying the results.
Why use LCH instead of HSL?
LCH is closer to perceptual uniformity, which means changing lightness or chroma tends to produce more visually predictable results than HSL. That makes it useful for UI palettes, states, and theme adjustments.
When is this useful?
It is useful when you need to create hover states, muted variants, stronger accents, or lighter and darker design-system colors without manually guessing each new hex value.
More tools
Color Palette Generator
Extract dominant colors from images with Photoshop-style blend mode normalization. Drag & drop, live gradients, dark mode.
Spring Visualizer
Interactive spring physics tuner for Framer Motion. Adjust stiffness, damping, and mass with a live displacement curve and animation preview.