Vector graphics and color tools

Paste or drop an SVG, then pick a tool. Everything runs in your browser.

Drop or paste an SVG

Or · accept .svg · max 20 MB

Optimize Edit To code Favicon Extract palette Recolor

The file stays in your browser. Pick a tool to continue.

Enter a color

Name, hex, rgb or hsl.

A name or a hex code opens its color page.

Color of the day

SVG tools

Shrink SVG with a before and after preview.

Trace an image into editable SVG paths, then tweak colors, detail and curves.

Edit paths, nodes and shapes in your browser.

React, Vue, CSS background, data URI and more.

ICO, SVG, apple-touch and PWA icons from one SVG.

List every color used in an SVG.

Map colors to a new palette in the browser.

Thumbnails are samples. The generators render in the browser.

Rules, seed and exports including SVG swatches.

WCAG 2.2 ratios, including SVG pairs.

CSS and SVG gradients.

Any color string to every format.

OKLab scales ready to export.

Simulate color vision on a color or an SVG.