Color Picker
Pick colors and convert between HEX, RGB, HSL, and HSB formats instantly.
Free Online Color Picker
Pick any color using the visual color picker and instantly see its value in every common format: HEX for CSS and HTML, RGB for digital design and CSS, HSL for intuitive color adjustments, and HSB/HSV for Photoshop and illustration tools. Every format has a one-click copy button so you can drop the value straight into your code or design tool.
The recently-used colors panel remembers up to 10 colors you've picked in the current session, so you can easily compare swatches or return to a color you were working with. Edit any input field directly to jump to a specific color — enter a hex code, adjust an RGB channel, or tweak HSL lightness — and all other fields update instantly.
HEX, RGB, HSL — Color Formats Explained
HEX (#3B82F6) is the standard format for web development — used in HTML, CSS, SVG, and almost every design tool. It encodes red, green, and blue as two-digit hexadecimal values. RGB (rgb(59, 130, 246)) is more readable for developers working directly in CSS and is the native color space for screens. HSL (hsl(217, 91%, 60%)) stands for Hue, Saturation, Lightness — it's the most intuitive format for humans since you can adjust brightness or saturation without mentally recalculating all three channels. HSB/HSV (Hue, Saturation, Brightness) is commonly used in graphics applications like Photoshop and Figma's color panels.