Pick colours visually using an interactive palette and instantly get the equivalent values in HEX, RGB, and HSL formats — all in your browser with no data sent anywhere. Useful for web developers, designers, and anyone matching brand colours, building design systems, or needing to identify a colour code from a reference.
HEX is a 6-character code used in HTML and CSS (e.g. #FF5733). RGB defines colour by Red, Green, and Blue components (0-255 each). HSL defines colour by Hue (0-360), Saturation (0-100%), and Lightness (0-100%) — often easier for manually adjusting colours.
Yes. Type any valid HEX code into the input field to see the equivalent RGB and HSL values instantly.
Yes. CSS supports all three formats — HEX, RGB, and HSL — so you can copy any format directly into your stylesheets.
The colour picker lets you select from the spectrum palette. For picking colours from specific images, a browser extension eyedropper tool may be more suitable.
No. The colour picker runs entirely in your browser with no server communication.
Pick colors and convert between HEX, RGB, HSL formats.
or drop file hereSupports: JPG, PNG, WEBP, HEIC