Czym jest nasycenie koloru?

Nasycenie opisuje intensywność lub żywość koloru. Wysoko nasycone kolory są żywe i czyste, nisko nasycone wyglądają wyblakle lub szaro.

When should I reduce saturation?

Muted, desaturated colors are often used for backgrounds, subtle UI elements, and elegant palette designs. They create visual calm and prevent any single element from dominating.

How does saturation relate to HSL?

In the HSL color model, Saturation (S) is the second value. 0% is completely gray, and 100% is the most vivid pure version of the hue. Adjusting saturation only changes S, leaving hue and lightness untouched.

Can I fully desaturate a color to get gray?

Yes. Setting saturation to 0% converts any hue to a pure gray. The lightness of that gray depends on the original color's L value in the HSL model.

Zmień nasycenie koloru

Zwiększaj lub zmniejszaj nasycenie dowolnego koloru i uzyskuj wyniki w HEX, RGB i HSL

Oryginalny kolor

Nasycenie: 100%

0% = Skala szarości200% = Super nasycony

Kolor wynikowy

Oryginał

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