ATCapture
Sign in Download
Colour picker & palette

Every colour on your screen, one click away

Point at anything — a website, a design, a photo — and copy its exact code. Or select an area and get all of its colours and gradients at once.

Download for Windows Pro and Team plans
Free plan Windows 10 & 11 No credit card
Colour picker

The exact pixel, not a guess

Open it from the floating bar or the tray. The screen holds still, a magnifier follows your pointer, and one click copies the code.

A magnifier on every pixel

See the pixels around your pointer up close, with the code and the colour’s name. The arrow keys move one pixel at a time.

HEX, RGB, HSL or CMYK

Pick the format once in the bar. Every click copies it, ready to paste into your code or design tool.

Sharp on every screen

Read at real pixels on high-resolution displays and across all your monitors. Esc or right-click to cancel.

Colour palette

All the colours of an area, in seconds

Drag over a logo, a page or a photo. ATCapture lists its colours three ways, and any of them is one click from your clipboard.

  • Main colours — the shades that matter, with how much of the area each one covers. Choose 4 to 32.
  • All colours — every distinct colour code in the area, even a single pixel, searchable by code.
  • Gradients — smooth colour runs, left to right or top to bottom, as ready-to-paste CSS.
Copy all

Straight into your code

Copy a whole palette as a list of codes, CSS variables, a Tailwind config or JSON.

CSS variables
:root {
  --color-1: #2F62F2;
  --color-2: #F8F6F5;
  --color-3: #7C3AED;
  --color-4: #F2683C;
}
Tailwind config
colors: {
  'color-1': '#2F62F2',
  'color-2': '#F8F6F5',
  'color-3': '#7C3AED',
  'color-4': '#F2683C',
}
JSON
[
  {"hex": "#2F62F2",
   "rgb": "rgb(47, 98, 242)",
   "hsl": "hsl(224, 88%, 57%)",
   "share": 34.2},
  …
]
Made for

Anyone who works with colour

Designers

Match a colour from a reference or a client’s site without asking for the style guide.

Developers

Copy the exact code from a mock-up or a live page into your CSS or Tailwind theme.

QA & reviewers

Check a button or a banner against the brand colours, pixel for pixel.

Marketers

Pull a palette from a campaign picture and reuse it in slides and social posts.

Questions

Colour picker & palette FAQ

Which plans include the colour tools?
The Colour picker and the Colour palette come with the Pro and Team plans. See pricing.
Is it exact on high-resolution and multiple screens?
Yes. The screen is read at its real pixels, so on a 150% or 200% display you get the true colour of the exact pixel, on every monitor.
Which codes can I copy?
HEX, RGB, HSL and CMYK. Choose one in the picker’s bar and every click copies that format; in the palette, right-click a colour for the others.
Does the palette really list every colour?
Yes. “All colours” lists every distinct colour in the area with how many pixels use it, even a single pixel. “Main colours” groups the similar shades so you see the few that matter.
How are gradients found?
The palette follows the rows and columns of the area and finds smooth runs from one colour to another, then gives you each one as ready-to-paste CSS.
Is my screen uploaded?
No. Picking and palettes work on your PC. Nothing is sent anywhere.

Explore more of ATCapture

Screenshots Screen recording Short links QR codes QR scanner Studio Guides Scrolling screenshot Integrations Video analytics Quick access Custom watermark Upload & edit Link security Browser extensions

Your next explanation takes five seconds

Free for Windows 10 and 11. Upgrade only when your team needs more.

Download for Windows See pricing
Version 2026.10.22 · 64 MB · Windows 10 & 11, 64-bit