Site navigation

Color & Effects

Keep print colors meaningful from document to export. Varve stores native CMYK values alongside RGB, grayscale, and spot colors, and preserves those authored values through managed color conversion and proofing. The current photographic effect surface is rendered RGB.

What It Is

Varve provides color management across RGB, CMYK, grayscale, and spot color spaces with ICC profile support. CMYK values remain native document values instead of being flattened into display RGB during editing. Select an image and Varve can also build a local, deterministic palette from the visible crop, suggest harmonies, and surface WCAG 2.1 contrast pairs. The effects system includes alpha-aware drop and inner shadows, layer and background blur, solid or gradient glows, RGB/custom chromatic splits, and glitch. Adjustment layers provide non-destructive editing with curves, levels, selective color, HSL, and exposure controls. The halftone engine supports AM and FM screening for print-style looks, with CMYK process screening documented as an artistic preview rather than a calibrated separation.

A shared color surface

The 400px color panel keeps the editing hierarchy visible: a large color area, slim hue and opacity ramps, precise fields, and before/current previews. RGB, CMYK, grayscale, Lab, LCH, and Spot views preserve the document's native values, profile, spot identity, and precision while you edit.

Gradient fills and strokes use the same floating panel. Pick a stop, edit its color, and open the collapsed Gradient options for interpolation, hue direction, tiling, midpoint, and rotation. A stop drag creates one undo step, and opening the panel or selecting a stop is history-neutral.

Proofing and screen sampling are capability-qualified: proof status is separate from the authored color, and the eyedropper is enabled only when the browser exposes the EyeDropper contract. Unsupported runtimes state that limitation instead of suggesting a native fallback that is not present.

Varve showing the shared solid color picker beside the selected headline, with the color area, hue and opacity ramps, and aligned HEX and alpha fields visible
Set a solid colour with the colour area, hue and opacity ramps, and precise fields.
Varve showing teal and sand gradient stops in the shared picker, with the selected stop color controls and live gradient handles on the headline
Edit gradient stops with shared color controls and live handles on the artwork.

Image Treatments

Image Treatments bring a smaller, purpose-named set of non-destructive controls to photographs and rendered objects: Fine Texture, Local Contrast, Atmospheric Depth, Dehaze, Vignette, Grain, and Highlight Glow. Image Tuning keeps common image controls together; Object Filters keep advanced ordering, effect opacity, blending, and vector-object use explicit.

Embedded image sources stay local to the document and source-preserving through these edits. Crop, fit, masks, and treatment stacks change the placement or rendered result without replacing the original asset.

A gray vector rectangle at 50% opacity can receive Grain, Vignette, or Highlight Glow through Object Finishing without losing its editable fill or opacity. Atmospheric Depth is a broad local-depth operator, while Dehaze is a distinct atmospheric-veil recovery treatment. Read the practical guide.

The redesigned Object Filters panel organizes the available filters into five categorized families—Color & Tone, Blur & Detail, Texture & Finishing, Atmosphere & Optics, and Color Grading—with instant keyboard search, live blend mode and opacity badges, and one-click whole-stack bypass. Object Filters also provide directional Motion Blur, block-based Mosaic, edge-aware Surface Smooth, and paper-or-transparent Edge Ink. They remain editable stack members on images, vectors, and text, with deterministic raster export. Each recipe member keeps its own opacity and blend mode; changing one member never removes the other members in the stack.

Shape tone without replacing the source

Curves share one transfer between the graph and rendered pixels, retain separate RGB, red, green and blue point sets, and accept precise input/output values. New curves use shape-preserving interpolation; saved legacy curves keep their appearance until you choose an upgrade. Channel Mixer retains all three output rows so switching channels never discards the previous mix.

White Balance offers relative warmth and tint for already-rendered images, a neutral source-patch picker and conservative Auto correction. Split Toning adds independently controlled shadow and highlight color with balance, transition width and strength. Zero toning stays neutral, and both treatments preserve source transparency.

Inspect an image's RGB or alpha in Selection Sources, then turn a channel into reusable coverage without changing the normal export. Editing sharpen and output sharpen have separate radius units; output sharpening runs after resizing. These controls work offline on the current RGBA8 software path. Read the tonal editing guide.

An imported photographic fixture with the Curves graph, upstream histogram and precise point controls in Varve
Precise point curves on an editable adjustment layer, with an upstream histogram and source preview.

Gradient Maps

Regrade rendered content by tone with an editable Gradient Map adjustment. Choose from thirty built-in treatments, import Photoshop .grd presets, or build a custom ramp with midpoint, opacity, interpolation, reverse, intensity, and source-alpha controls. The adjustment stays scoped and non-destructive across raster and vector content.

Preview the input tonal distribution while you work, then carry the complete treatment through save, reload, undo, and raster export. Explore Gradient Maps.

Choose the scope of an edit

Use Image Tuning for photographic corrections, Effect Studio for creative treatments on raster or vector objects, and Object Filters for a precise ordered stack on an image, vector, or text object. Adjustment Filters apply to the content below an adjustment layer within its scope. Layer Effects provide appearance controls such as shadows and glows.

Layer Effects are the focused appearance stack: they stay attached to editable vector, text, group, frame, image, and raster layers, with stage-aware ordering and alpha-aware coverage.

With normal blending, effect opacity mixes the incoming and filtered result. A neutral colour correction at partial strength preserves a cutout's transparency. Object opacity controls the final object's coverage separately. Studio and Object Filter blend modes work on raster images and rendered vectors through the same ordered compositor; original image assets and vector geometry remain editable.

Adjustment layers show their resolved target count and keep an empty selection inactive until you choose a target. The same inspector exposes an adjustment mask for the resolved result, including its source, type, visibility, inversion, feather, density, and transform link. Levels and Curves show the histogram for the stage you are editing and flag clipped shadows and highlights as percentages of the visible samples, while Exposure applies stops in linear light at the reference pixel boundary. These are deterministic, offline controls; the current browser effect surface is RGBA8 and does not claim HDR, CMYK-raster, or ICC-accurate effect math.

LUT imports preserve their source-space metadata, but the current browser compositor executes against sRGB values. The optional Linearize control is a tested sRGB transfer—not an ACES, Display-P3, or camera-log conversion—so those labels are not advertised as equivalent color-managed transforms.

Autodesk/Discreet .3dl imports retain their integer code values, optional shaper stage, and canonical channel order. That format support is a portable LUT decode, not a promise of the source application's color-space conversion or grading model.

File → Export SVG uses the same structural compositor as the export panel. Vector artwork stays vector where the format can represent it; adjustment layers and other non-native regions are embedded as derived raster assets at the smallest required boundary, while the editable document remains unchanged.

Designed for real machines

Keep editing while effects settle.

The browser editor treats responsiveness as part of the effect workflow. During a drag or pinch it prioritizes the canvas and active selection, coalesces superseded previews, and can use a temporary lower preview scale. Settled previews and exports return to the requested quality; the authored radius, intensity, seed, mask, and colour values are not rewritten.

Small pointwise corrections such as exposure, curves, and LUT treatments use the painted object region when it is safe. Blur, grain, dither, halftone, displacement, and other spatial or global operations keep their full dependency bounds instead of risking clipped halos or tile seams. If a temporary surface cannot fit, Varve keeps the editable base content visible and reports the limitation rather than claiming a successful incomplete render. See the constrained-device guide.

Precision controls that stay in reach

Continuous effect values have two complementary paths: drag a slider while exploring, or enter an exact value with the keyboard. Paired geometry and channel controls use the same responsive grid, so labels, units, locks, and reset actions keep their breathing room as the Inspector or Effect Studio is resized.

Explore, then specify

Sliders and precision fields stay synchronized, including percentage values stored in normalized document units.

Offsets, dimensions, and channel pairs share bounded tracks that stack cleanly when space gets tight.

Readable at every size

Effect Studio moves from three columns to two and then one flow column instead of forcing clipped controls or hidden values.

From Image to Working Palette

In Design/Properties → Palette, a bounded preview is analysed locally in perceptual Oklab. Large image files are not uploaded or scanned at full resolution by the editor path, and transparent pixels are handled explicitly.

  • Useful roles: dominant, primary, secondary, accent, and neutral candidates with coverage information
  • Generated harmonies: complementary, analogous, triadic, split-complementary, and monochromatic suggestions clearly labelled as derived—not sampled
  • Accessibility review: WCAG 2.1 body-text and large-text contrast thresholds with foreground/background previews
  • Reusable output: copy HEX values, apply a sampled colour as a fill, or save extracted colours as document swatches and variables

Palette roles are helpful starting points rather than semantic image understanding. Review the final type, profile, and export context before publishing.

Varve showing a NASA Earth-observation photo beside its extracted palette, with HEX swatches and controls to save swatches or color tokens
Extract an image palette locally, review the swatches, and save colors for reuse.

Key Capabilities

  • Picker views: RGB with RGB/HSL/HSB formats, CMYK, grayscale, Lab, LCH, and Spot, with canonical values preserved during edits
  • Native document color: CMYK channels stay tagged as CMYK in the document model, ready for print-oriented editing and export
  • Precision-aware working: 16-bit integer and floating-point channel values stay distinct through supported conversions, gradients, effects, and proof transforms; quantization is explicit at a display or codec boundary
  • Document color settings: Inspector controls for precision (8-bit, 16-bit, 16f, 32f) and blend space (sRGB or linear-light), plus an explicit Assign vs Convert dialog for mode changes — assign keeps values, convert rewrites them in one undoable step
  • Precision-preserving editing: bit-depth-aware numeric fields (0-255 / 0-65535 / 0-1), float HSV drafts, and swatches that carry the full canonical color — editing one channel never quantizes the others, and 16-bit values survive save/reopen exactly
  • Native CMYK in PDF export: authored CMYK channels are emitted directly with pure-K preserved — no CMYK→RGB→CMYK round trip turning black into a four-color build
  • ICC profiles: Bundled RGB and CMYK profiles (sRGB, Fogra39, GRACoL, SWOP) with rendering intents
  • Blend modes: 18 CSS blend modes plus 4 non-separable modes (hue, saturation, color, luminosity)
  • Effects: Alpha-aware drop/inner shadows, canonical Gaussian and Layer Blur, Field/Iris/Tilt-Shift/Path/Spin spatial blur, background blur, Depth Blur, solid or gradient outer/inner glow, glass material, RGB/custom chromatic split, and glitch
  • Image Treatments: Fine Texture, Local Contrast, Atmospheric Depth, Dehaze, Vignette, Grain, and Highlight Glow with source-preserving Object Filters and Adjustment Layers
  • Adjustment layers: Curves (Catmull-Rom spline), levels, selective color (9 targets), HSL, exposure — with per-target scoping
  • Halftone screening: AM clustered dots (7 shapes) and FM stochastic (blue-noise, Bayer, or full-frame error diffusion); document-anchored ruling in LPI, mono ink/paper with an alpha-screening mode, and CMYK process preview with per-ink angles, GCR/UCR black generation, ink limits, and plate preview
  • Soft proofing: qualified CMYK simulation and gamut status when a profile converter is registered; browser display remains an sRGB preview
  • Background removal: Fast, Auto, and High quality local cutouts with optional IS-Net/BiRefNet models, hair-edge refinement, subject picker, and an undoable mask workflow
  • Retouching tools: Clone stamp, healing brush, spot heal, patch tool
The Varve Effects inspector with a drop shadow added to the selected shape on a poster, showing offset, blur, spread, opacity and blend-mode controls
Open original
The Varve Effects inspector with a drop shadow added to the selected shape on a poster, showing offset, blur, spread, opacity and blend-mode controls
Effects stay non-destructive and precise — each stack member keeps its own offset, blur, spread, opacity, blend mode, and editable value controls.

Native desktop export is the print authority: it can apply the selected document profile, rendering intent, bleed, marks, and PDF/X settings. Browser previews use the browser's sRGB display path and current RGBA8 canvas surfaces, so they are useful for layout and directional proofing—not a substitute for a calibrated monitor or an exported contract proof.

Authoring precision — 16-bit and floating-point vector colors, precision-aware picker fields, and high-precision persistence through save/reopen — is shipped. High-precision raster decode (16-bit PNG/TIFF pixels), CMYK raster planes, and high-precision GPU preview targets remain active integration areas. The document model and typed working-buffer boundaries are designed so those paths can be added without silently rewriting stored color values.

Technical Depth

Color management uses a ManagedColor discriminated union (RGB/CMYK/Gray/Spot) with bit-depth-aware channels and analytical sRGB-to-CMYK conversion via OKLab. The blur engine uses normalized separable Gaussian and spatial reference kernels with premultiplied alpha and linear-light accumulation; backend choice does not redefine an authored radius. Adjustment layers support 5 scoping modes for targeting specific layers.

The halftone engine screens document-anchored threshold matrices calibrated to Varve's 96 ppi document units, with per-pixel sampling so the rendered ruling matches the requested LPI; CMYK uses standard press angles (C 15°, M 75°, Y 0°, K 45°) overridable per ink, and is an artistic process preview rather than a calibrated ICC separation. Background removal runs locally through an ONNX Runtime pipeline: the browser worker handles the compatible path, while native desktop execution is preferred for heavier models.

Limitations

Current limitations:

  • Browser canvas and ImageData display surfaces remain 8-bit; higher-precision working buffers are available where the selected pipeline supports them, but they do not change the browser display surface
  • Profile-aware raster decode, CMYK raster-plane import, and high-precision GPU render targets are not yet the default browser path
  • Print bleed and trim guides are available in the current print workflow; exported geometry remains the final authority
  • Heavier background-removal models are provider- and memory-dependent. Unsafe bare-WASM runs are blocked before allocation and the UI explains any reduced-quality fallback.

Status

Built

Color management, native CMYK document values, effects, adjustment layers, halftone, background removal, precision-aware working buffers, and print guides are functional. Some browser display, raster decode, and GPU effect boundaries still use display precision.

Ready to create with color?

Download Varve

Search Varve