Free colour, layout and asset tools for designers
Pick a colour from any image, build a palette, test contrast for accessibility, generate gradients, shadows and favicons — all in the browser, so nothing you are working on gets uploaded.
The 11 tools in this set
Color Picker
Pick and copy colors in any format.
Color Converter & ContrastConvert color formats and check WCAG contrast.
Color Palette GeneratorHarmonious palettes in one click.
Gradient GeneratorCSS gradients built visually.
CSS Box Shadow GeneratorDesign box shadows visually.
CSS Border Radius GeneratorRounded corners made easy.
Contrast CheckerCheck WCAG contrast ratios.
Favicon GeneratorMake a favicon from text or emoji.
Image CropperCrop pictures online to any size or aspect ratio.
Image Color PickerPick exact colors out of any image.
Image to Base64Convert an image to a base64 string.
A sensible order to work in
- Start from the contrast check — A palette that fails WCAG has to be rebuilt later, so test it first.
- Copy the exact value you need — HEX, RGB, HSL and CMYK are all available from the same picker.
- Export the asset at the right size — Favicons and icons need specific dimensions — generate them rather than scaling a screenshot.
Categories this set draws from
Designers tools — FAQ
Do the colour tools meet WCAG?
The contrast checker reports the ratio and the AA/AAA result for both normal and large text.
Can I grab a colour from my own image?
Yes — the image colour picker samples pixels locally, and the image never leaves your device.
Are the generated assets free to use commercially?
Yes, with no attribution required.