Design & Color

Convert colour formats and check WCAG contrast ratios.

Color ConverterConvert colours between HEX, RGB and HSL with a live preview.Contrast CheckerCheck a colour pair against WCAG AA and AAA contrast thresholds.Color Palette GeneratorBuild a five-colour palette from one base colour using harmony rules.Gradient GeneratorCompose a two-stop CSS linear or radial gradient visually.CSS Shadow GeneratorDesign a box-shadow with sliders and copy the exact CSS.Favicon GeneratorRender a text favicon at every size browsers need, with the HTML snippet.SVG OptimizerMinify SVG markup with SVGO.Placeholder Image GeneratorGenerate labelled placeholder PNGs at any size.

About these design tools

Colour work that does not need a design suite. Convert between HEX, RGB and HSL, and check foreground/background pairs against WCAG contrast thresholds before you ship a palette.

Each tool is a small, focused utility with its own page, its own instructions and its own set of supported inputs. There is no account to create and no server-side processing step: the work happens on your device.