Home / Manual / Color & styling

Color & styling

Color & styling

Color and styling

Swatches, gradients, mesh, patterns, strokes and effects.

SVG Editor gives color its own production system. Use reusable swatches, edit gradients in a dedicated palette, apply mesh shading, define patterns, style strokes, control transparency and add SVG-based effects.

Gradient and Swatches palettes

Linear and radial gradients support multiple color stops, stop positions, alpha and spread behavior. Mesh gradients add per-vertex color control for organic shading, while swatches keep documents consistent across many objects.

Gradient palette

Fill and stroke proxies

The Toolbox exposes active fill and stroke. Swap them with X, set active paint to None with /, and reset defaults with D.

Stroke styling

Control stroke weight, arrowheads and related stroke appearance from the Stroke palette and filter/stylize commands.

Named swatches

Use process colors, grayscale steps, registration colors, tints and custom swatches. Updating a swatch can retint every element that uses it.

CMYK swatches

CMYK swatches store real C, M, Y and K values from 0 to 100, enabling print-oriented color decisions inside SVG artwork.

Pattern palette

Apply repeating vector pattern fills. Patterns are useful for fabric-like textures, diagrams, decorative surfaces and consistent branded motifs.

Hatch palette

Hatch applies vector tile figures as real hatch fills, giving technical and illustrative artwork a reusable line-pattern vocabulary.

Brushes

Define brushes from selected artwork and reuse them for repeated marks. Brush workflows support scatter and calligraphic-style artwork.

Symbols

Store reusable artwork as symbols, place repeated instances, and keep complex documents smaller and more consistent.

Transparency and blend modes

Set object opacity and blending from the Transparency palette. Show the transparency grid to inspect alpha behavior visually.

Color filters

Adjust Colors, Blend Front to Back, Blend Horizontally, Blend Vertically, Convert to Grayscale, Invert Colors and Saturate provide batch color transformation tools.

Distort filters

Free Distort, Punk and Bloat, Roughen, Scribble and Tweak, Twirl and Zig Zag reshape selected vector artwork for expressive effects.

Stylize and image effects

Add Arrowheads, Drop Shadow, Round Corners and raster-style Image Effects such as grayscale, sepia, invert, brightness, contrast, saturation and blur.

Swatches palette with RGB and CMYK process swatches CMYK swatches Process swatches, tints and RGB colors can live together in the reusable swatch list.
Pattern palette with dot and circle pattern fills Pattern fills Dot, circle and image-based patterns can be applied to fills or strokes.
Brushes palette with scatter brush controls Brush controls Scatter settings include size, spacing, spread, fade, follow path, anchors, variance and seed.
Symbols palette with basic vector symbols Symbols library Reusable artwork is organized by category and searchable from a dedicated floating panel.
← Objects & pathfinderTypography →