How to Use PowerToys ColorPicker in Windows 11 to Sample and Copy Screen Colours

Graphic designers, front-end web developers, and digital content creators frequently need to sample exact colour codes from desktop applications, web interfaces, and high-resolution images on Windows. Traditionally, this process required capturing a screenshot, pasting it into photo editing software like Paint or Photoshop, and using an eyedropper tool to read hex values. Microsoft’s open-source PowerToys utility suite provides a vastly superior native alternative: ColorPicker.

Activated system-wide via a convenient keyboard shortcut, PowerToys ColorPicker lets you inspect individual pixel colours anywhere on your screen, view precise colorimetric values across diverse colour spaces (including HEX, RGB, CMYK, HSL, and HSV), fine-tune colour nuances using an integrated zoom lens, and automatically format copied values for direct insertion into CSS or code editors. In this guide, you will learn how to enable, configure, and use PowerToys ColorPicker in Windows 11.

Key Capabilities of PowerToys ColorPicker

Unlike basic desktop loupe tools, PowerToys ColorPicker delivers a streamlined, designer-oriented workflow:

• Universal Screen Sampling: Hover over any element—including video frames, context menus, game windows, and lock screens—to sample its exact rendered pixel value.
• Magnifying Loupe: Scroll your mouse wheel while sampling to zoom into individual pixels for sub-pixel sampling accuracy.
• Multi-Format Conversion: Simultaneously translates colour values into HEX, RGB, CMYK, HSL, HSV, CIELAB, CIEXYZ, and Decimal representations.
• Colour History & Palette Editor: Stores a chronological log of recently sampled shades, allowing you to compare tonal harmonies, tweak brightness, and assemble custom palettes.

Step 1: Installing and Enabling PowerToys in Windows 11

If you have not already installed Microsoft PowerToys on your Windows 11 PC, you can download it directly from the Microsoft Store or install it via the Windows Package Manager (winget):

1. Open Terminal or PowerShell as an administrator.
2. Run the following command to install PowerToys:

   winget install --id Microsoft.PowerToys -e --source winget

3. Launch PowerToys from the Windows Start menu.
4. In the left sidebar, navigate to Color Picker.
5. Ensure the toggle for Enable Color Picker is switched to On.

Step 2: Activating the ColorPicker Tool Anywhere on Screen

By default, PowerToys assigns the global shortcut Windows key + Shift + C to trigger ColorPicker:

1. Press Win + Shift + C on your keyboard.
2. Your mouse cursor transforms into a precise crosshair accompanied by a real-time colour preview bubble and HEX readout.
3. Move your mouse over the target element on screen. If you need to pinpoint an exact pixel edge or hairline border, roll your mouse scroll wheel up to activate the 2x, 4x, or 8x zoom loupe.
4. Click your left mouse button. The colour is instantly captured.

Step 3: Customising Default Click Behaviour

PowerToys allows you to customise what happens the moment you click a colour on your screen:

1. Return to the Color Picker settings tab inside the PowerToys app.
2. Find the Activation behavior setting and choose your preferred workflow:
   • Open editor: Immediately opens the detailed ColorPicker editor window, displaying full colour information, sliders, and recent history.
   • Pick a color and open editor: Samples the current pixel and opens the editor.
   • Only pick a color: Copies the sampled colour code directly to your Windows clipboard without popping up an editor window, allowing for lightning-fast workflows.

Step 4: Managing Colour Formats and Exporting to Code

In the ColorPicker editor window, you can customise which colour models are displayed and how strings are copied:

1. Under Color formats in the settings menu, toggle the formats relevant to your tech stack (such as HEX, RGB, HSL, or CMYK).
2. You can reorder formats by dragging them up or down so your most frequent format appears at the top.
3. Inside the active ColorPicker window, hover over any colour format row and click the Copy icon to send that format string directly to your clipboard.
4. Use the shade adjustment slider at the bottom of the editor to explore lighter and darker tonal variations of your sampled base colour without opening graphic editing software.

Helpful Keyboard Shortcuts Inside ColorPicker

• Escape: Exits the sampling mode immediately without saving.
• Mouse Wheel: Zooms in and out for pixel-level accuracy.
• Spacebar: Freezes the loupe view so you can move your cursor within the magnified area.