Avatar
A web-based SVG avatar generator that recolours a profile picture from a chosen palette.
At a glance
- TypeScript, React, SVG
Tags
A web tool for creating variations of one specific profile picture by changing its colour palette. It does not alter the avatar's design or structure: the drawing stays the same and only its colours move.
Features
- Palette customisation: three colours (primary, secondary and tonal) that can be edited, locked or randomised.
- Export as an SVG file, or rasterised as a PNG.
- A contrast checker that warns when the palette fails accessibility standards, for instance when a colour does not stand out enough from the background.
- A preview of the avatar in three shapes: circle, rounded square and square.
- A light and a dark theme.
