Free colour and design tools
Pick and convert colours, build palettes that work together, check text contrast for accessibility, and generate CSS gradients and box shadows.
6 tools, all free with no sign-up.
-
Color picker
Pick any colour, from a palette, the screen, or an uploaded image, and get HEX, RGB and HSL.
In your browser -
Color converter
Convert a colour between HEX, RGB, HSL and CMYK.
-
Color palette generator New
Build a harmonious colour palette from one base colour.
In your browser -
Contrast checker New
Check whether text and background colours meet WCAG accessibility contrast levels.
In your browser -
CSS gradient generator New
Design a linear or radial gradient and copy the CSS.
In your browser -
Box shadow generator New
Tune a CSS box shadow visually and copy the code.
In your browser