ColorGrader Documentation Open app

Start here

Color grading, directly in your browser.

ColorGrader is a layer-based photo grading studio with live GPU rendering, precise color controls, masks, LUTs, and local-first processing.

01Editing and masksLayers, tone, HSL, levels, curves, color balance, and selective edits. 02Creative toolsLUTs, blur, portrait contouring, lighting, and generative fill. 03Workflows and helpScopes, shortcuts, exports, recipes, and troubleshooting.

Overview

ColorGrader edits images non-destructively. Every change lives on an Adjustments, LUT, Blur, Face, or optional feature layer. Layers can be reordered, toggled, masked, and blended with opacity. Nothing is baked into the image until you export.

JPEG, PNG, WebP, Canon CR2, Nikon NEF, Adobe DNG, and Sony ARW files are supported. Camera RAW files are developed locally with camera white balance and orientation before editing.

Quick start

  1. Import an image. Select Import in the toolbar or drop a supported file onto the canvas.
  2. Add a layer. Select Add in the Layers panel and choose the type you need.
  3. Edit the layer. Its controls appear in the Properties panel and update the preview live.
  4. Refine the effect. Adjust opacity or add a mask to target part of the image.
  5. Build and export. Stack more layers, compare with the original, then select Export.
Layer order: Layers apply from bottom to top. The top layer in the panel is applied last.
RAW note: RAW images are converted to 8-bit sRGB for the current editing pipeline. Unsupported or damaged files show an import error rather than silently falling back.

Interface tour

AreaPurpose
ToolbarImport and export images, choose the working resolution, and open this guide.
Layers panelAdd, select, reorder, compare, enable, and delete layers.
CanvasPreview the grade, zoom, pan, and view image scopes.
Properties panelEdit the selected layer, its mask, and its opacity.
Status barReview image dimensions, color pipeline, zoom, layer count, and renderer.

Privacy and rendering

Standard editing and image analysis happen locally in your browser. Images are not uploaded to an editing service. ColorGrader uses WebGPU when available and automatically falls back to a CPU worker for the core grading pipeline.

The working-resolution selector controls interactive preview quality. Export uses the full-resolution source and shows progress for larger images.