Color Saturation Adjuster
Increase or decrease color saturation with live preview. Adjust saturation from 0% (grayscale) to 200% with a visual scale showing the full range.
How to Use Color Saturation Adjuster
The Color Saturation Adjuster lets you increase or decrease the saturation of any color with a live visual preview. Pick a color using the color picker or enter a hex code, then use the slider to adjust saturation from 0% (completely desaturated/grayscale) through 100% (original) up to 200% (maximum saturation). The tool shows a side-by-side comparison of original and adjusted colors, provides the adjusted hex and HSL values, and displays a full saturation scale. Perfect for designers fine-tuning color palettes, creating muted or vibrant variations, or understanding how saturation affects color appearance.
Step-by-Step Instructions
- Select a color using the color picker or enter a hex code
- Adjust the saturation slider (0% = grayscale, 100% = original, 200% = max)
- View the live preview comparing original and adjusted colors
- Copy the adjusted color values using the copy button
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.