Color Tools
Handy color tools for designers and developers. Pick any color and instantly copy its HEX, RGB and HSL values, or build a linear or radial CSS gradient with a live preview and ready-to-paste code.
Color Picker
Pick colors and get HEX, RGB, HSL values
Gradient Generator
Build CSS gradients and copy the code
From a single color to a full gradient
Start with the color picker to find the exact shade you need and grab its code in whichever format your tool expects. Then jump to the gradient generator to blend colors into a smooth background and copy clean CSS. Together they cover the everyday color tasks in web and graphic design.
Built for real projects
Both tools give you copy-ready output — HEX, RGB and HSL for the picker, and standard CSS for the gradient — so you can paste straight into a stylesheet or design app. Everything runs in your browser instantly, with no sign-up and nothing to install.