Rayzia Beta
Sign in Open the editor

Change the colour of an SVG online

A typical SVG colour changer stops at swapping hex codes. Rayzia opens your file in a full, free editor that runs in the browser, so every shape stays selectable: click the one you want and give it a new fill or stroke. The eyedropper matches colours from anything already on the canvas, and a gradient is a single click away when flat colour is not enough. When the colours are right, export a clean SVG.

Open the editor See pricing

An editor, not a hex-swap form

A single-purpose colour changer typically lists the hex values in your file and gives you a download button. That works until two shapes share a value and you only want to change one of them, or until the colour you are after is a gradient. Rayzia reads your file as native SVG, so every shape, path and letter arrives as its own editable object and you decide exactly what changes. The same editor carries 50+ tools and 150+ effects, so once the colours are right you can keep going, reshaping a path or retyping text in place. You can also connect an AI account you already own, such as Claude or GPT, and it will recolour and edit directly on the canvas while you watch, with every change one undo away.

How to change the colour of an SVG

  1. Open the editor. Go to rayzia.com and open the editor at /vector/. It runs in any browser on Windows, Mac, Linux, ChromeOS or a tablet, with nothing to download and no account needed to start.
  2. Drag in your .svg. Drop the file onto the canvas, or use File then Open. Rayzia reads it as native SVG, so every element opens as an editable object rather than a locked image.
  3. Click what you want to recolour. Click an element to select it, or select several at once. The Magic wand selects everything that shares a colour or style, which is the quick way to change one colour across the whole file.
  4. Set a new fill or stroke. The Fill and Stroke panel sits in the right-hand dock and is already open when the editor loads. Pick a flat colour, or switch the sub-tab to a linear, radial or conic gradient, or a pattern.
  5. Export clean SVG, or PNG. Choose Export and pick SVG to get a tidy file back with the new colours baked in, or PNG if you need a raster copy.

Beyond flat colour

The Fill and Stroke panel is the colour picker, and it does more than solid fills. The flat colour tab has a colour model dropdown, so you are not stuck in one notation, and separate sub-tabs handle linear, radial and conic gradients plus pattern fills. The Gradient tool edits those gradients directly on the artwork, with handles you can grab, and the Gradient mesh builds multi-point colour meshes for soft, painterly shading. The Paint bucket fills with a click and is smart about small gaps, while the Eyedropper lifts fill, stroke and text styles from anything on the canvas. A few keys speed the job up: X toggles whether fill or stroke is active, Shift+X swaps the two colours, D resets to a white fill and black stroke, / sets the active paint to none, and . applies a linear gradient.

Free to use, clean to export

Editing is free, and so is exporting to SVG and PNG. The free plan includes every tool, the AI assistant and 3 cloud files. Pro is $8 a month and adds PDF export, unlimited cloud files, 30-day version history and watermark-free share links. The editor auto-saves as you work and keeps running if your connection drops, and because the native format is SVG, the file you open is the file you edit.

Changing SVG colours: common questions

Is it free to change SVG colours in Rayzia?

Yes. Editing and SVG and PNG export are free, along with every tool, the AI assistant and 3 cloud files. Pro is $8 a month and adds PDF export, unlimited cloud storage, 30-day version history and watermark-free share links.

Does it work with any SVG file?

Rayzia's native format is SVG, so a .svg you open arrives as real editable paths, nodes and text rather than a flattened image. Drag the file onto the canvas or use File then Open, and each element is individually selectable.

Can I change one colour everywhere, or recolour several shapes at once?

Yes to both. Select several elements and set a new fill or stroke to change them together, or use the Magic wand to select everything that shares a colour or style, so one edit updates every place that colour appears.

Can I use a gradient instead of a flat colour?

Yes. The Fill and Stroke panel has sub-tabs for linear, radial and conic gradients and for pattern fills, and the Gradient tool lets you edit them directly on the artwork. There is also a Gradient mesh for soft, painterly shading.