Loading Shrinkify...
Loading Shrinkify...
Pick and generate colors visually. Get HEX, RGB, and HSL values instantly with a beautiful color wheel interface.
A precise color picker is the starting point for every design decision. The Color Picker gives you a full hue-saturation-value canvas, hex input, and real-time multi-format output — so you can sample, adjust, and copy colors without leaving the browser.
Copy the format natively required by your target — HEX for CSS custom properties, RGB for JavaScript canvas operations, HSL for dynamic CSS calculations.
Build a full palette from your chosen color using Palette Generator.
Copy the hex or RGB value from your design tool (Figma, Sketch, Adobe XD) and paste it directly into the color picker.
Hue (0–360°), Saturation (0–100%), Lightness (0–100%). It is more intuitive for adjusting tone and brightness than RGB.
In HSL, increase the Lightness value while keeping Hue and Saturation constant.
Check out our technical guides to learn more about how browser-side processing works.
Read Glossary