◑Color adjustments

Brightness, contrast, saturation, hue, duotone and film looks — a photo editor’s adjustment menu as live layers. — 14 entries

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Brightness Contrast밝기·대비

Brightness moves the image lighter or darker, while contrast changes the separation between tones.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Exposure노출

Exposure scales image values around black, so brighter highlights can extend beyond white.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Saturation채도

Saturation controls how vivid or muted the image colors look.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Vibrance바이브런스

Vibrance selectively increases saturation while protecting skin tones.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Hue Shift색조 이동

Hue shift rotates image colors around the color wheel.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Tint틴트

A chosen color blends over the input, with an option to preserve its luminosity.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Duotone듀오톤

Duotone maps darker and brighter image areas to two chosen colors.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Tritone트라이톤

Tritone maps shadows, midtones, and highlights to three chosen colors.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Grayscale흑백 변환

Grayscale removes color and leaves the image in shades of gray.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Invert색상 반전

Invert flips RGB colors while leaving the input alpha unchanged.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Posterize포스터라이즈

Posterize reduces the number of visible color levels for a flat poster-like image.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Solarize솔라리제이션

Solarize inverts tones above a luminance threshold and blends the result with the original.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Sharpness선명도

Sharpness strengthens image edges to make details appear clearer.

Moves in browsers that support WebGPU

This device could not render the demo — showing a still

Film Stock필름 스톡

Measured film-emulation looks add a stock color grade, halation, and optional gate weave.