🎨
design
Color Wheel Interactive
Pick colors from an interactive wheel and explore complementary, analogous, triadic, and split-complementary harmonies.
color wheel
Use Tool → ✏️
design
SVG Editor
Create and edit SVG shapes visually. Add circles, rectangles, lines, and text. Set colors and positions. Export SVG code.
svg editorsvg creatorsvg buildersvg shape generatorvector graphics
Shape layers
Click a layer to edit it liveShapes
0
Selected
None
Code size
0 chars
Live SVG preview
480 × 320SVG code
How to use
How to Use the SVG Editor
- 1 Add shapes to the canvas: circles, rectangles, lines, and text elements.
- 2 Set fill color, stroke color, position, and size for each shape.
- 3 Preview your SVG live and export the SVG code or download as an .svg file.
SVG (Scalable Vector Graphics) is an XML-based format for resolution-independent graphics. SVGs scale perfectly to any size without pixelation.
This editor is great for creating simple icons, illustrations, and UI elements. The exported SVG code can be pasted directly into HTML or used as image files.
More Design tools
Related tools
You might also like
🎮
design
Pixel Art Maker
Create pixel art with a grid-based drawing canvas. Features draw, erase, and fill tools, 10-color palette, mirror mode, and PNG export at multiple scales.
pixel art
Use Tool → 🎨
design
Color Palette from Image
Extract a color palette from any uploaded image using K-means clustering. Get dominant colors as HEX and RGB values with CSS variable code ready to copy.
color palette from image
Use Tool → 📊
converter
JSON to CSV Converter
Convert JSON arrays to CSV and CSV to JSON instantly in your browser. Download CSV files with one click.
json to csv
Use Tool →