A visual hex colour picker lets you choose colours by sight and immediately read the corresponding hex, RGB, HSL, and HSV codes. This picker uses a full saturation/brightness square per hue with a separate hue ring, giving precise control across the full colour spectrum with one-click copy for any format.
Hex colour codes pack three bytes into a 6-character string: the first two hex digits are the red channel (00–FF = 0–255), the next two are green, and the last two are blue. #FF0000 is pure red; #00FF00 is pure green; #0000FF is pure blue; #FFFFFF is white; #000000 is black. The HSL representation (Hue, Saturation, Lightness) is often more intuitive for design work — rotating the hue value changes the colour while keeping its apparent brightness constant.
#RGB shorthand doubles each digit — #f0c = #ff00cc. It is valid CSS and saves 3 characters when both digits of a pair are identical.
hsla(h, s%, l%, a) extends HSL with an alpha channel for transparency. Alpha ranges from 0 (fully transparent) to 1 (fully opaque). Equivalent: rgba(r, g, b, a) in RGB. Modern CSS also accepts hsl(h s% l% / a) syntax.
Hue is measured in degrees on the colour wheel: 0° = red, 60° = yellow, 120° = green, 180° = cyan, 240° = blue, 300° = magenta, 360° = red. The colour picker's hue ring shows this progression.
A browser API that lets you pick a colour from anywhere on the screen — not just the picker. Click the eyedropper icon if visible (Chrome 95+). It reads the sRGB colour of any pixel on screen including other browser tabs.
See also the Color Converter, CMYK Converter, and Colour Name Finder.