Pick colors and get HEX, RGB, HSL values
Built & maintained by Pappu Venkata Subbi Reddy, founder of Clacify
Clacify's Color Picker lets you select any color visually and instantly get its HEX (#RRGGBB), RGB (r, g, b), and HSL (hue, saturation, lightness) values with a single click to copy. Useful for web designers, UI developers, and digital artists who need exact color codes for CSS, Tailwind, Figma, Photoshop, or Canva. You can also enter any hex code directly to convert it to RGB and HSL.
Open Clacify's Color Picker, click on the color area to select your color, or type a color name or hex value. The HEX, RGB, and HSL codes appear instantly — click any value to copy it to clipboard.
HEX is a 6-digit code used in CSS/HTML (e.g. #6366f1). RGB specifies Red, Green, Blue intensity from 0–255. HSL describes Hue (0°–360°), Saturation (0–100%), and Lightness (0–100%) — making it intuitive for building color palettes and adjusting tones.