How to Grab a Color Hex and Keep It

A hex code is a short string. Windows is good at strings. It is mediocre at images. Grab the color with a picker, copy text, then put that text somewhere that survives the next restart. Do not keep a screenshot of a color chip as the only record.

History, if enabled, will hold that string easily: it is text, well under 4 MB, and counts toward the 25 mixed items. Unpinned items still clear on restart. Pins remain until deleted. That is enough for a day, not enough for a design system.

Grab: PowerToys Color Picker

Microsoft Learn documents the steps:

1. Install PowerToys and enable Color Picker.
2. Press Win+Shift+C (default).
3. Click the pixel. The default format HEX is copied.
4. The editor stores up to 20 picked colors and can export them.

Change Default color format in PowerToys Settings if the project wants rgb() or another string. Custom formats use the documented tokens (%Re, %Gr, %Bl, and formatters). %ReX is red as two-digit uppercase hex.

Activation behavior is a setting: Open editor versus Pick a color first. Mouse buttons are also assignable. Defaults: left click picks and opens the editor, middle click picks and closes, right click cancels.

Scroll up to zoom. Microsoft’s tip for non-hover states: move near the control, zoom so the image freezes, then pick the rest state. That avoids sampling a hover highlight.

Limits Microsoft documents:

• No WCG/HDR support
• Shortcut will not fire into an elevated app unless PowerToys is elevated
• Overlay will not display above Start or Action Center, but picking can still work

Color-Picking From a Copied Screenshot.

Grab: browser DevTools

For a color that is already in CSS:

1. F12 > select the element.
2. Click the color swatch in the Styles pane.
3. Copy the computed hex or oklch() as the project requires.

This is more accurate than sampling a screenshot of the same button, which includes antialiasing and compression.

Edge and Chrome both expose the color in computed styles. Prefer the authored value when the stylesheet is the source of truth. Prefer the computed value when a preprocessor or cascade is in play. Write down which one was copied.

Grab: Snipping Tool Color picker

On Copilot+ / Windows 11 AI+ PCs, Snipping Tool includes a Color picker that copies a screen color to the clipboard. Microsoft’s Snipping Tool article marks this as SKU-limited. On other PCs, use PowerToys or ShareX.

The Snipping Tool picker is not a 20-color editor. It is a grab. Keep the result the same way: paste into tokens, or pin the text.

Grab: ShareX and design apps

ShareX lists Color picker and Screen color picker. Photoshop, Illustrator, and Figma eyedroppers copy or display values inside those apps. Copy as text when the value must leave the app.

Do not sample a Win+V thumbnail. History may have resized and flattened the bitmap. The hex will be wrong.

The drawing app’s own eyedropper is better when painting in that app’s color space. PowerToys samples the desktop as shown, including Night light. Disable Night light while matching brand color. Reference Images Beside the App You Are Drawing In.

Keep: choose a store that matches the lifespan

Enable history: Win+V > Turn on, or Settings > System > Clipboard. Leave Clipboard history across your devices off unless the hex must appear on another PC with the same Microsoft or work account. Sync is text, so a hex *will* upload if that toggle is on. That is usually unnecessary.

How to Pin Items in Windows Clipboard History. Automatically Sync Text I Copy: Should You Turn It On?.

PowerToys export (right-click a history swatch > Export) is a file. Treat that file like tokens if the team does not have a repo yet. It is still not the product.

Keep: a tokens file in 30 seconds

After picking #0F172A:

1. Open the project’s color file.
2. Paste.
3. Commit or save.

That beats pinning. Pins are sticky notes. Tokens are the product.

If the team lives in Figma, create or update a color variable. Do not paste a screenshot of the swatch into Slack as the specification.

Name the token (--color-surface, brand.primary). An unnamed #0F172A in Win+V will be meaningless in a month.

Format hygiene

• Decide on #RRGGBB versus RRGGBB versus #rrggbb. PowerToys default is configurable.
• Do not copy a screenshot of a hex printed in a PDF if the text is selectable.
• Watch for extra spaces or HEX: prefixes some pickers add. PowerToys copies the format string as configured.
• Alpha: #RRGGBBAA is not the same as #RRGGBB. If the picker includes alpha, strip it when the destination is a 6-digit field.
• rgb(15, 23, 42) and #0F172A are the same sRGB triple. Pick one house style.
• Do not paste oklch() into a tool that only accepts hex without converting.

Custom PowerToys formats can emit whatever the project wants, including hsl() or a C# Color constructor. That is still a string on the clipboard. History will store it as text. Confirm the copied string in Notepad once after changing the default format. A stray prefix is cheaper to catch there than in a merged CSS file.

What not to do

• Pin a full screenshot of the UI “so the color is in there.” History may drop the bitmap at 4 MB, and nobody can sample the thumbnail officially.
• Store customer-specific theme colors in a personal pin list on a shared PC.
• Trust an HDR desktop sample for a CSS token (PowerToys documents no HDR support).
• Sample a Slack or Discord embed of the brand PDF. Compression and a dark theme lie.
• Enable cloud clipboard sync “to back up the palette.” It will sync whatever text is copied, including passwords, and it will not become a swatch library.

Worked example: five tokens from a landing page

1. Open the live page at 100% zoom on an SDR display. Night light off.
2. Prefer DevTools for colors that exist in CSS. Use PowerToys only for raster bits (a hero photograph, a flattened logo).
3. PowerToys-sample background, surface, primary, text, and border if DevTools is not enough.
4. Paste into tokens.css as a list, names included.
5. Commit. Clear Win+V if the machine is shared.

Do not pin the five hexes and call the design system done. Pins disappear from attention even when they survive reboot.

When the hex disagrees with DevTools

Eyedropper samples rendered pixels (gamma, blending, subpixel). DevTools shows the authored CSS. For implementation, prefer DevTools. For matching a screenshot of a poster, prefer the eyedropper on the file opened at 100%, not a zoomed browser tab.

Antialiasing on text will sample a blend of foreground and background. Zoom so a solid pixel of the fill is under the cursor.

Write down which method was used. A one-digit disagreement in the last hex pair is often the difference between authored #0F172A and a blended neighbor.

Optional shelf

A shelf that detects hex in copied text can show a swatch. That is a convenience on top of text, not a picker. Edge-Drop is optional if visual staging of copied strings is useful. PowerToys plus a tokens file already completes the official path.

Do not use a shelf as the only palette. It is as unnamed as Win+V. If a swatch card is useful, still paste the same string into tokens.css before the day ends.

A dedicated walkthrough is How to Copy a Layer From Photoshop to Another Document.

Related reading

• SVG vs PNG on the Clipboard
• How to Copy a Layer From Photoshop to Another Document
• How to Get a Screenshot Into Photoshop Without Recopying
• How to Paste Without Formatting on Windows

Sources

• Color Picker utility (Microsoft Learn) — HEX default, 20-color history, formats, HDR/elevation limits.
• Installing PowerToys (Microsoft Learn) — how Color Picker gets onto the PC.
• Use Snipping Tool to capture screenshots (Microsoft Support) — SKU-limited Color picker.
• Using the clipboard (Microsoft Support) — text history, 25 items, pins, restart.
• How to use clipboard history in Windows 11 (Microsoft) — enable, pin, sync is text.
• ShareX — screen color picker as an alternative grab tool.

Copy. Stack. Drop.

Transform your clipboard into an interactive edge shelf. Stack, pin, and drag assets into any app with zero friction.

Download for Windows Get from Microsoft Store

How to Install Guide · First 10 Minutes Guide · Drag & Drop Guide · Edge-Drop vs Win+V · Support