Color Picker
Pick a color and get its HEX, RGB, and HSL values instantly, copy any of them with one click.
Use the swatch to pick visually, or type a hex value directly. Everything converts live, entirely in your browser.
Need the opposite? Use Color Inverter
What is Color Picker?
Use the color swatch to pick visually, or type a hex value directly, and see the equivalent HEX, RGB, and HSL values live. Copy whichever format you need for your CSS, design tool, or code. Everything runs in your browser; no color values are sent anywhere.
FAQ
RGB describes a color by its red, green, and blue light components (0-255 each). HSL describes the same color by hue (0-360°), saturation, and lightness (both percentages) — often more intuitive for adjusting a color's shade or brightness without changing its base hue.
Yes, type a 6-digit hex value (with or without the # prefix) into the hex field and the swatch and other formats update to match.