Was ist color Sättigung?

Sättigung is den intensity oder purity of a color. High Sättigung means vivid, rich color; low Sättigung means den color is more muted und closer to gray.

Wann sollte ich reduce Sättigung?

Muted, desaturated colors are often used for Hintergrunds, subtle UI elements, und elegant palette designs. They erstellen Sie visual calm und prVeranstaltung jedes single element von dominating.

How does Sättigung relate to HSL?

In den HSL-Farbe model, Sättigung (S) is den second value. 0% is vollständig gray, und 100% is den most vivid pure version of den Farbton. Adjusting Sättigung only changes S, leaving Farbton und Helligkeit untouched.

Kann ich vollständig desaturate a color to get gray?

Ja. Setting Sättigung to 0% converts jedes Farbton to a pure gray. The Helligkeit of das gray depends on den original color's L value in den HSL model.

Color Sättigung Adjuster

Increase oder decrease den Sättigung of jedes color und see den Ergebnis in real time

Originalfarbe

Sättigung: 100%

0 % = Graustufen200 % = Supersaturiert

Ergebnisfarbe

Original

Adjusted Saturation

About Saturation Adjustment

The Color Saturation Adjuster lets you increase or decrease the saturation of any color. Slide towards 100% for vivid, punchy colors — or towards 0% for soft, muted tones — with real-time HEX, RGB, and HSL output.

Everything is processed locally in your browser. No data is sent to any server.

How to Use

Enter a HEX color code or pick one with the color picker.
Drag the saturation slider to increase or decrease saturation.
Compare the adjusted color alongside the original.
Copy the resulting HEX code or note the RGB and HSL values.

Features

Bidirectional slider to increase or decrease saturation
Before/after color comparison
HEX, RGB, and HSL output for the result
One-click copy to clipboard
Preset colors for quick experimentation
Accurate HSL-space adjustment preserving hue and lightness

Use Cases

Muting brand colors for subtle backgrounds and borders
Boosting color vibrancy for call-to-action buttons
Building cohesive palettes with matched saturation levels
Creating pastel variations of vivid colors
Desaturating to pure gray for accessibility testing

Related Tools

Color Picker

Pick and convert colors between formats

Color Tool

Comprehensive color manipulation tool

Blend Colors

Blend two colors together

Accessible Color Palette

Create accessible color palettes

Analogous Color Scheme

Generate analogous color schemes

Brand Color Identifier

Identify brand colors from images