A STARTING POINT, MADE FOR YOU
The designer
toolbox.
Check colours, fit the layout and make room for the details.
INSIDE THE TOOLBOX
Starter collection9 useful places to start.
A starter collection for the small checks around creative work.
Image colour palette extractor
Extract a sampled palette, inspect colour contrast and download reusable swatches.
Image comparison slider
Slide between two images or inspect a highlighted pixel-difference map.
Colour converter
Convert HEX, RGB and HSL colour values.
Colour contrast checker
Check text and background contrast against WCAG ratios.
Aspect ratio calculator
Simplify dimensions and resize proportionally.
Pixels & rem converter
Translate CSS pixels and rem using your chosen root size.
CSS gradient generator
Build a two-colour linear gradient and copy the CSS.
Favicon & ICO generator
Create an ICO and a complete downloadable favicon kit from text or an image.
Image compressor
Adjust image quality and dimensions, then compare the file size.
SMALL TASKS. LESS FRICTION.A few things you
A few things you
can tick off.
- Check a colour’s contrast
- Resize a layout proportionally
- Build a CSS gradient