Pick, explore, and copy colors in any format
rgb(99, 102, 241)hsl(239, 84%, 67%)hsb(239, 59%, 95%)Free online color picker tool. Select any color and instantly get HEX, RGB, HSL, and HSB values. Generate color shades and copy with one click.
A color picker is a tool that lets you visually select a color and get its corresponding code in formats like HEX, RGB, or HSL, which you can use in CSS, design tools, or any application that accepts color values.
HEX is a hexadecimal representation (#ff5733). RGB uses red, green, blue values (0-255). HSL uses hue (0-360°), saturation (0-100%), and lightness (0-100%). All describe the same colors but in different formats used in different contexts.
Click on any color value (HEX, RGB, HSL) and it will be automatically copied to your clipboard. A checkmark will confirm the copy was successful.
Yes! You can type any valid HEX code (e.g., #6366f1) or RGB value directly into the input fields, and the color picker will update to show that color.
Color shades are lighter and darker variations of a base color. They are generated by adjusting the lightness value in HSL space while keeping the hue and saturation constant, creating a harmonious palette.
Yes, this color picker is completely free with no sign-up required. All processing happens in your browser.
Get all tools in your browser
Install the Chrome extension for one-click access to every tool — no tab switching needed.
Last updated: January 2025