Color & Design Tools
Color & Design Tools
Image Color Picker
Pull the real colour palette out of any image, ordered by coverage.
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.
Mesh Gradient Generator
Build a soft, multi-colour mesh gradient by placing colour points on a canvas.
Glassmorphism Generator
Frosted-glass CSS cards — blur, tint and border, with a live preview over a real backdrop.
Neumorphism Generator
Soft UI shadows in any colour — raised, pressed, convex or concave.
Blob Generator
Generate a smooth, organic SVG blob shape — solid or gradient fill, downloadable.
Color Blindness Simulator
See an image or a colour palette the way protanopia, deuteranopia or tritanopia would.
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.