Color Picker
Pick any color from your screen and copy its HEX value.
Activate the Color Picker
Press Tab in the editor to activate the color picker. A magnifying glass appears around your cursor, showing a zoomed-in view of the pixels beneath it with a crosshair at the center so you can target the exact pixel you want.
Pick and Copy a Color
While the color picker is active, move your cursor over any part of the screenshot. The current color is displayed in HEX format (e.g. #FF5733). Press Tab again or click to copy the HEX value to your clipboard — a "Copied!" confirmation appears briefly.
The color picker outputs HEX format only, which works in virtually all design tools, CSS, and code editors.
Recent Colors
The editor keeps track of your 6 most recently picked colors. Access them from the color dropdown in the tool control panel — click any recent swatch to reuse it. Recent colors persist across sessions via local storage.