Copy the HEX code of any color on your Mac
Most of the time you just want the six characters: #3A7BD5, ready to paste into CSS, Figma or a ticket. SupaPick copies HEX by default, so a pick is one shortcut and one click. HEX is also the part of SupaPick that stays free after the trial, together with the loupe and your HEX history.
macOS 14 or later · Signed and notarized by Apple · Free for 7 days · 14-day refund
How to do it with SupaPick
- Press ⌃⌥C and click the color. The HEX value is on your clipboard, with the leading
#. - Paste it wherever you need it with ⌘V.
- To copy it again later, click the eyedropper in the menu bar. Your last 20 colors are listed under Recent; open one and choose Copy.
- For
#3a7bd5instead, turn on Lowercase HEX in Settings → General.
With what's built into macOS
Digital Color Meter can show HEX. Choose View → Display Values → as Hexadecimal and the window lists the red, green and blue values in hex. It shows them in whichever color space you choose from its pop-up menu, so the numbers for the same pixel differ between Display native values, sRGB and P3. For a web color you want sRGB.
Copy Color as Text copies the values the window shows, so check what it gives you before pasting it into a stylesheet. It keeps no history, so the color from ten minutes ago is gone.
SupaPick's HEX is always sRGB, the space CSS and most design tools use for HEX, written as one #RRGGBB string. The menu keeps the last 20 so you can copy one again without picking it twice.