Free tools for people who make websites

The tools

• SVG to PNG

  Convert SVG files to PNG at any scale, in the browser. Batch and transparent background.

• HEX to RGB

  Paste a hex colour, get RGB, HSL and CSS you can copy.

• RGB to HEX

  The other direction, with the same converter underneath.

• PNG to SVG

  Trace a bitmap into vector paths, in the browser. Honest about when it works.

• CSS Grid generator

  Draw a grid, copy the CSS. Flexbox on a second tab.

• Mesh gradient generator

  Layered radial gradients, exportable as CSS or PNG.

• OG image generator

  Make a 1200x630 share card, and check the tags on a page you already have.

• Website mockup generator

  Drop a screenshot into a browser or device frame and export it.

• Nothing is uploaded

  Every one of these runs in your browser using the canvas and the DOM. Your file is read locally and never sent anywhere, so an unreleased client logo stays on your machine. They also work with the network off.

• No account, no watermark

  There is no sign-up wall, no email gate and no export limit. If a tool here starts asking for your address before it will finish the job, we have broken our own rule and you should tell us.

• One tool per page

  Each page does one thing and loads one small script. No bundle, no framework, no third-party library. The tool itself adds no tracking of its own, and the site-wide scripts in our page shell load here exactly as they do on every other page of this site.

• The writing is the point

  Under each tool is a proper explanation of the format and its traps, because the thing most people actually need is to know which setting to choose and why.