Pick a colour and get its HEX, RGB, and HSL values. Copy any format with one click.
This colour picker lets you select any colour and instantly see its value in three common formats: HEX, RGB, and HSL. Whether you are designing a website, creating graphics, or just trying to match a colour you like, this tool gives you the exact code you need with no fuss.
Click the colour input to open your browser's native colour chooser. As you move through the spectrum, the large preview swatch updates in real time, and the HEX, RGB, and HSL values change automatically. You can also type a HEX code directly into the HEX field — the picker and all other values will sync to match. Click the copy button next to any format to copy it straight to your clipboard, ready to paste into CSS, a design tool, or anywhere else.
HEX is the most widely used format on the web. It represents red, green, and blue channels as a six-character hexadecimal string prefixed with a hash, such as #FF5733. RGB stands for red, green, blue and expresses each channel as a number from 0 to 255, making it easy to reason about individual colour components. HSL stands for hue, saturation, and lightness. Hue is a degree on the colour wheel (0–360), while saturation and lightness are percentages. HSL is often preferred by designers because adjusting lightness or saturation feels more intuitive than shifting raw RGB values.
The palette below the converter stores your recently picked colours so you can quickly switch between them. Click any swatch to load it back into the picker. Your recent colours persist for the duration of your session, making it easy to compare and refine a palette without writing anything down. Everything runs locally in your browser — no data is sent to any server.
ectoplasma.org · Free tools for everyone.