Advanced color picker tool supporting HEX, RGB, HSL formats. Generate color palettes and copy with one click.
Color Values
Color Picker
RGB Controls
HSL Controls
Color Palettes
No recent colors used yet
How to Use the Color Picker
Select a Color: Use the interactive color wheel and sliders to pick the exact color you need.
View Values: The tool instantly displays the corresponding HEX, RGB, and HSL values for your selected color.
Copy Values: Simply click on any of the value boxes (HEX, RGB, or HSL) to copy the code directly to your clipboard.
Understanding Color Models
HEX (Hexadecimal): A six-digit code representing the mix of Red, Green, and Blue (RGB). It's the most common color model used in web design and development (e.g., `#FF5733`).
RGB (Red, Green, Blue): Represents colors by specifying the intensity of red, green, and blue, with each value ranging from 0 to 255 (e.g., `rgb(255, 87, 51)`).
HSL (Hue, Saturation, Lightness): An intuitive model where Hue is the color type (0-360), Saturation is the vibrancy (0-100%), and Lightness is the brightness (0-100%) (e.g., `hsl(12, 100%, 60%)`).