Pick any color from your screen using the EyeDropper API, or enter colors in HEX, RGB, or HSL format. Instantly convert between all major color formats with this free online tool.
Click 'Pick from Screen' to activate the EyeDropper tool. Click anywhere on your screen to capture that color. Works with any visible content, including other applications.
Click the color square to open the native color picker. This works in all browsers and provides a visual way to select colors.
Type HEX values directly (e.g., #3B82F6), or adjust RGB and HSL sliders for precise control. All formats update automatically as you type.
Click the copy button next to any format to copy it to your clipboard. Use the color history to quickly access previously picked colors.
The Color Picker supports multiple input methods: the native HTML5 color input for visual selection, the EyeDropper API for sampling colors from anywhere on your screen, and direct text input for HEX, RGB, or HSL values.
When you click 'Pick from Screen', the browser activates its native EyeDropper interface. This displays a magnified view of pixels under your cursor and lets you click to sample any color visible on your display, even from other applications.
Color conversions follow standard mathematical formulas. RGB to HEX converts decimal values to hexadecimal. RGB to HSL calculates hue from the color wheel position, saturation from color intensity, and lightness from the average of min/max RGB values.
The EyeDropper API requires Chrome 95+, Edge 95+, or Opera 81+. We detect browser support and show appropriate UI. The native color input and manual entry work in all modern browsers as fallbacks.
All processing happens locally in your browser using JavaScript. No color data, screen captures, or any information is sent to external servers. Your color history is stored only in your browser's localStorage.
Click the 'Pick from Screen' button to activate the EyeDropper tool. Your cursor will change to a magnifier - click anywhere on your screen to capture that color. This feature requires a modern browser that supports the EyeDropper API (Chrome 95+, Edge 95+).
Screen color picking is not supported in this browser. Use the color input or enter values manually.
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)hsb(217, 76%, 96%)cmyk(76%, 47%, 0%, 4%)Tool History is a Supporter feature.
Tool Notes is a Supporter feature.