Professional color grading: adjust brightness, contrast, saturation, hue, shadows, highlights, and temperature. Create cinematic looks with color curves.
Color grading goes beyond a single one-click filter. This tool gives you separate sliders for brightness, contrast, saturation, hue shift, temperature (warm/cool), tint (green/magenta), vibrance, and shadow and highlight lifts, so you can dial in a specific mood or correct a color cast. Whether you are going for a cinematic look, a vintage film feel, or balanced natural color, you can start from one of 12 built-in presets and refine from there with a live before/after compare.
Initializing in your browser…
Extract dominant, vibrant, or muted colors from images. Generate color schemes with HEX, RGB, HSL values and export palettes for design projects.
Process multiple images at once with consistent settings. Apply resize, format conversion, compression, and filters to bulk images efficiently.
Convert images to Base64 encoded strings for embedding in CSS, HTML, or JavaScript. Multiple output formats available.
A video thumbnail needs a cool cinematic grade to match the channel style.
Input
frame.jpg · Cinematic preset, then temperature −10, shadows +10
Output
A colour-graded frame with cooled, lifted shadows and muted saturation
The Cinematic preset loads contrast, saturation, temperature and a shadow lift you then fine-tune by slider. The luminance-masked shadow and highlight controls shift each tonal range separately, which a single filter cannot.
Color grading goes beyond a single one-click filter. This tool gives you separate sliders for brightness, contrast, saturation, hue shift, temperature (warm/cool), tint (green/magenta), vibrance, and shadow and highlight lifts, so you can dial in a specific mood or correct a color cast. Whether you are going for a cinematic look, a vintage film feel, or balanced natural color, you can start from one of 12 built-in presets and refine from there with a live before/after compare.
Apply the Cinematic or Dramatic preset to give photos and video stills a film-inspired mood, then fine-tune.
Fix photos shot under the wrong lighting by adjusting the temperature and tint sliders.
Apply the same preset and slider settings across a set of images for a cohesive aesthetic.
Experiment with hue shifts, vibrance, and the shadow/highlight lifts for stylized results.
Apply the B&W preset (saturation 0, contrast 1.2) to fully desaturate, or just drag the Saturation slider to 0% for a grayscale result while keeping control of contrast and highlights.
Use the Cinematic preset (contrast 1.2, saturation 0.85, temperature -10, lifted shadows) for a teal-leaning film grade, or the Golden Hour preset (temperature +35, hue +15, vibrance +25) for a warm sunset wash.
The Image Color Grader applies nine adjustments per pixel using a custom canvas loop (no external imaging library), and the order it runs them in determines the result: temperature first, then tint, then shadows and highlights, then brightness, then contrast, then saturation/vibrance, and finally a hue shift. Temperature pushes red up and blue down by the slider value times 0.8 (range -50 to +50, so warm adds amber, cool adds blue); tint moves green against red/blue (green - tint*0.5, red and blue + tint*0.3) to correct green/magenta casts. Shadows and highlights are luminance-masked rather than global: the tool computes Rec. 601 luminance (0.299R + 0.587G + 0.114B), then weights the shadow lift by (1 - lum)^2 and the highlight push by lum^2, so dragging Shadows only opens up the darks and Highlights only touches the brights instead of shifting the whole image.
Brightness and contrast use the standard formulas you would expect from a grader: brightness is a simple multiply (0.5 to 1.5, shown as -50% to +50%), and contrast uses the classic factor (259*(contrast*255+255)) / (255*(259-contrast*255)) pivoting around mid-gray 128. Saturation (0 to 2, i.e. 0% grayscale to 200% vivid) and Vibrance are combined into one mix factor, satMix = saturation + (vibrance/100)*(1 - |saturation - 1|), which is why Vibrance has a gentler, protective effect: its contribution shrinks as saturation moves away from neutral, so it lifts muted colors more than already-saturated ones. The Hue Shift slider (-180 to +180 degrees) does a real RGB-to-HSL conversion, rotates the hue by hue/360, and converts back, so it rotates colors around the wheel rather than just biasing channels. Output is always a PNG written with canvas.toBlob at quality 1.0 and saved as {originalname}-graded.png.
Twelve one-click presets cover common looks, each a fixed combination of all nine values: Natural (neutral), Vibrant (saturation 1.3, vibrance +30), Cinematic (contrast 1.2, saturation 0.85, cool -10 temperature, lifted shadows), Vintage (warm +15, hue +10, lower contrast), Warm, Cool, Dramatic (contrast 1.35, crushed shadows -15), Moody, Faded (raised shadows +25, low saturation 0.7), B&W (saturation 0), Golden Hour (temperature +35, hue +15), and Romantic. A preset just loads those slider values, so you can pick a starting point and then fine-tune any control. The interface re-renders a live graded preview on every slider change and offers a Compare mode with a draggable clip-path slider that wipes between the original and graded versions side by side. All decoding, the per-pixel math, and PNG encoding happen locally in the browser canvas; the image is never uploaded.
A filter applies one fixed effect. Here you get individual sliders - temperature, tint, saturation, vibrance, hue, plus shadow and highlight lifts - so you can shape the look precisely rather than accept a single preset as-is.
No. Tonal control is via brightness, contrast, and dedicated shadow and highlight lift sliders rather than a draggable curve. For curve editing you would need a dedicated photo editor.
Yes. There are 12 presets (Natural, Vibrant, Cinematic, Vintage, Warm, Cool, Dramatic, Moody, Faded, B&W, Golden Hour, Romantic) that load slider values you can then adjust.
The tool works with standard web image formats (JPG, PNG, WebP). For RAW processing, you would need dedicated software like Lightroom.
Images are decoded, edited, and exported entirely inside this browser tab. No originals, exports, or metadata are uploaded.