Color & Design Tools
Color & Design Tools
Color Converter
Convert a colour between HEX, RGB, HSL, HSV, CMYK and OKLCH.
Color Palette Generator
Build harmonious colour palettes from one base colour, ready to copy as CSS.
Contrast Checker
Check any colour pairing against the WCAG AA and AAA contrast requirements.
CSS Generator
Build CSS gradients, box shadows, text shadows and border radii visually.
About color & design tools
Colour work without opening a design application. Convert between HEX, RGB, HSL, OKLCH and CMYK, generate a palette from a base colour or an image, check a pairing against the WCAG contrast requirements, and produce the CSS for gradients, shadows and borders.
Popular elsewhere on the site
Image Compressor
Image Tools
Compress JPG, PNG and WebP images to a smaller file size in your browser.
PDF to JPG
PDF Tools
Convert PDF pages into JPG images at your chosen resolution.
Text Counter
Text Tools
Count words, characters, sentences, lines and reading time as you type.
Image Resizer
Image Tools
Resize images to exact pixel dimensions or scale them by percentage.