Color Picker
Pick a color from the picker or your screen and read it as HEX, RGB, and HSL.
Click the swatch to open your system color picker. The HEX, RGB, and HSL forms update together — copy whichever your tool expects.
How to pick a color
Click the swatch to open your system color picker and choose a color, or use “Pick from screen” to sample a pixel from anywhere on your display. The HEX, RGB, and HSL values fill in instantly.
Copying the value
Each format has a Copy button that confirms with “Copied”. Use HEX for most CSS and design tools, RGB when you need the raw channels, and HSL when you want to tweak hue, saturation, or lightness by hand.
Questions
Can I pick a color from anywhere on my screen?
In browsers that support the EyeDropper API — recent Chrome and Edge — a “Pick from screen” button appears that lets you sample any pixel on your display. Where it isn't available, the standard color picker still works everywhere.
Which formats does it show?
HEX, RGB, and HSL, all derived from the same color and updated together. Each has its own Copy button, so you can grab exactly the form your CSS, design tool, or code expects.
Is anything uploaded?
No. Picking, converting, and copying all happen in your browser. No color, screenshot, or pixel data ever leaves your device.