image-toolkit

All tools

Adjust image color & tone

Advanced editing in your browser—no upload: paste or GIF frame, crop, rotate and flip, quick filters, tone curves, light/color/detail controls, LUT, selective color, gradient, vignette, posterize, and frames. Export WebP, JPEG, or PNG in sRGB or Display P3.

Guide: adjust image brightness contrast online

Scroll down for tips, limits, and FAQs

Tone, color, and quick stylistic edits

Pillar guide: How to Adjust Photo Colors for Web and Ecommerce

Adjust is the advanced editor: crop, quick filters, RGB tone curves, and deeper light/color/detail controls in one place.

Fine-tune Exposure, Luminosity, Highlights, Shadows, Black point, Vibrance, Temperature, Tint, Definition, and more. Posterize and Display P3 export are in the panel when you need them.

Add LUT, selective color (point or region maps), gradient, vignette, or frames when the look needs it. Export WebP, JPEG, or PNG with optional resize.

If you only need fast edits, use Photo editor. If you want full control over the final look, stay here.

Adjust is for users who want more control than a basic editor. You can crop, apply quick filters, and fine-tune advanced light, color, and detail sliders.

RGB tone curves sit between Light and Color for precise tonal control. Posterize and Display P3 export are available when you need stylized or wide-gamut assets.

Advanced tools include LUT, selective color (point and region maps), gradient, vignette, and frame styles in the same workflow.

Everything runs in your browser, so you can test changes and download new versions quickly.

Adjustment workflow

  1. Load a source image (upload, paste, or GIF frame), then crop in the preview if needed.
  2. Start with a predefined quick filter or adjust Light sliders manually.
  3. Fine-tune tonal response with RGB or per-channel tone curves when sliders are not enough.
  4. Continue with Color and Detail sliders, then add optional creative effects (LUT, selective color, gradient, vignette, frame).
  5. Preview changes in real time where the pipeline allows live feedback.
  6. Choose export format, quality, and optional max edge, then download.

How Adjust Image works

Getting started and crop

  • Upload, drag and drop, or paste one image (⌘V / Ctrl+V or the Paste button on the dropzone when focus is not in a text field).
  • JPG, PNG, WebP, GIF, HEIC, AVIF, SVG, and other browser-decodable formats are supported.
  • Animated GIFs open a frame picker—choose one frame to edit.
  • Crop from the preview when you need to reframe; adjustment controls hide until you apply or cancel the crop.
  • Use New image to clear the session, or Reset adjustments to keep the same file and return sliders to defaults.
  • Processing stays in your browser—files are not uploaded to a server.

Rotate, flip, and quick filters

  • Rotate 90° left or right, or flip horizontal / vertical. Rotation applies before other adjustments.
  • Predefined quick filters—Original; Vivid, Vivid Warm, and Vivid Cool; Dramatic, Dramatic Warm, and Dramatic Cool; Mono, Silvery, Noir, Sepia, Vintage, and Fade—set a starting look you can refine with sliders below.
  • Choosing a filter updates sliders; moving any slider clears the active filter chip so you are editing a custom grade.

Light, color, and detail sliders

  • Light: Exposure, Luminosity, Highlights, Shadows, Contrast, Brightness, and Black point.
  • Color: Saturation, Hue, Vibrance, Temperature, and Tint.
  • Detail: Definition (midtone clarity), Sharpness, and Reduce noise.
  • Fix light before heavy color boosts to avoid clipped highlights and muddy shadows.

Tone curves

  • Curves run after Light sliders and before Color adjustments.
  • Switch between RGB and individual R, G, or B channels. The histogram reflects tones from your current preview when available.
  • Click the graph to add a point; drag to reshape. Double-click a middle point to remove it. End points move vertically only.
  • Select a point and use arrow keys to nudge; hold Shift for finer steps.
  • Presets include Linear, S-curve, More contrast, Lift shadows, and Soft highlights. Reset channel or Reset all returns to a straight line.

Selective color

  • Replace a source color with a target color. Stack up to 5 region maps and 5 point maps.
  • Tolerance is shared across all maps—higher values match a wider range around each source.
  • Region maps: Add region… draws a box on the preview to sample an area (good for logos, packaging, or large color patches).
  • Point maps: Add point from image… samples a single pixel; + Manual row adds a row you can edit without opening the picker.
  • Full picker (pixel + region) opens both tools in one modal. Each row has source, target, and strength; new rows default to a red target until you change it.
  • Region maps apply before point maps in the pipeline.

Posterize and color space

  • Posterize reduces tonal steps per channel (0 = off). Use for stylized looks; low levels can band on skies and gradients.
  • Output primaries: sRGB for typical web and screen delivery.
  • Display P3–encoded 8-bit exports an iOS-style wide-gamut asset—use only when your target screens and workflow support P3.

Vignette, frame, gradient, and LUT

  • Vignette: raise Strength first, then Edge band controls how far the darkening reaches toward the center (disabled until Strength is above 0).
  • Frame: choose a style (square mat, rounded mat, circle, heart, star, or cloud), then set surround color and thickness.
  • Gradient map: pick shadow and highlight colors and set strength (0 = off) for a two-tone look from dark to bright areas.
  • 3D LUT: load a .cube file for a saved color style. Clear LUT removes it. If the look is too strong, reduce other color sliders before export.

Export

  • Export as WebP, JPEG, or PNG. The tool picks a default from your upload; change format anytime before download.
  • Quality (40%–95%) applies to JPEG and WebP; PNG ignores quality.
  • Max edge optionally downscales the longest side (presets from 1024 px to 8192 px, or keep original dimensions).
  • Download saves the adjusted file. Original and adjusted file sizes and pixel dimensions appear above the preview.
  • A floating mini preview follows the main viewport on larger screens while you scroll the controls.

Common use cases

  • Fix underexposed product photos before listing them.
  • Apply a consistent look across a batch of social assets with a shared cube LUT.
  • Prepare stylized exports for presentations and mockups.
  • Add vignette or shape frames (circle, heart, mat) for stories and promo tiles without a design app.

Practical tips

  • Start with Light controls first (especially Exposure and Shadows), then move to Color controls.
  • Use Vibrance before heavy Saturation when you want safer color boosts.
  • Preview cube LUTs on neutral gray and packaging reds before trusting the same file on every SKU.
  • Tune vignette and frame thickness at the export size you will post—not only on the full-resolution preview.
  • Keep an original file and export edited copies for each channel.

Limitations to know

  • Not a replacement for RAW development or nondestructive multi-layer suites.
  • Extreme edits on 8-bit sources may band in skies and shadows.

Related guides

Frequently asked questions

Are adjustments nondestructive?

Workflow is export-based: reload the original to start over. There is no multi-layer project file like desktop editors.

What order should I apply sliders?

Fix exposure and contrast first, then saturation and creative effects. That order reduces clipped highlights when you boost color.

Can I use cube LUTs for brand consistency?

Yes, when your pipeline supports them—but preview on multiple product types. LUTs designed for portraits can shift packaging colors unpredictably.

When should I use tone curves instead of Light sliders?

Use Light sliders for broad fixes—Exposure, Highlights, and Shadows recover most everyday shots. Open Curves when you need channel-specific contrast, a gentle S-curve, or to lift shadows without washing highlights. Curves apply after Light and before Color.

Should I use a point map or a region map for selective color?

Use a region map when the color lives in a clear area (logo, label, product body)—draw a box on the preview to sample it. Use a point map for a single pixel swatch or small accents. Region maps run before point maps; raise Tolerance if edges look cut off.