Click to pick
#00D4AA
HEX input
HEX
—
RGB
—
HSL
—
HSV / HSB
—
CSS RGB values
—
What This Tool Does
Pick any color using the native color picker or type a HEX value directly. The tool instantly converts to HEX, RGB, HSL, and HSV formats with copy buttons for each. A large color preview shows the selected color with the HEX code overlaid.
Frequently Asked Questions
What is the difference between HEX, RGB, HSL, and HSV?
HEX is a 6-digit hexadecimal code used in CSS and design tools (#FF5733). RGB defines colors by red, green, and blue channel values (0–255). HSL uses hue (0–360°), saturation (0–100%), and lightness (0–100%) — more intuitive for design. HSV (also called HSB) uses hue, saturation, and value/brightness — common in design applications like Photoshop.
What is the alpha/opacity channel?
Alpha controls transparency, from 0 (fully transparent) to 1 (fully opaque). In CSS this is expressed as rgba(255, 87, 51, 0.5) or #FF573380 (8-digit hex with alpha). This tool shows the colour values without alpha since it depends on use context.
Is my color data sent to a server?
No. All conversions happen in your browser using JavaScript math. Nothing is transmitted.