SupaPick

Pick a color on screen and paste it as SwiftUI

You have a color in a mockup, a competitor's app or a screenshot, and you want it in Xcode. Set SupaPick's default format to SwiftUI Color and every pick lands on your clipboard as Color(red: 0.227, green: 0.482, blue: 0.835), ready to paste. On a wide-gamut display you can copy the Display P3 version instead, with the real P3 values.

Download the free trialBuy for $4.99

macOS 14 or later · Signed and notarized by Apple · Free for 7 days · 14-day refund

How to do it with SupaPick

  1. Click the eyedropper in the menu bar, open Default Format and choose SwiftUI Color or SwiftUI Color (Display P3). NSColor and UIColor are there too.
  2. Press ⌃⌥C and click the color. The Swift code is on your clipboard.
  3. To build a set, go to Recent, open a color and choose Pin to → Favorites or New Palette…. Pinned colors are named after their nearest Tailwind class, and Rename… changes that.
  4. Open the palette and choose Export → Swift → Copy or Save… for an extension Color with one static let per color.

With what's built into macOS

Xcode has its own color tools. You can add a Color Set to an asset catalog and use the Colors window's eyedropper to sample from the screen, which gives you a named color in the catalog rather than code. That is the right home for a design system's colors, and SupaPick doesn't replace it.

For a quick Color(…) in a view or a preview, Digital Color Meter gets you halfway. It shows the values as decimals, percentages or floats, but you copy them out and type the initializer yourself, three numbers at a time.

SupaPick writes the initializer for you with three decimals per channel: Color(red:green:blue:) for sRGB, Color(.displayP3, red:green:blue:) for P3, NSColor(srgbRed:…) for AppKit and UIColor(red:…) for UIKit.

Questions and answers

Is the Display P3 value just the sRGB value relabeled?
No. SupaPick reads the pixel in your display's own color space and converts it to Display P3 separately. On a P3 display, colors outside sRGB keep their P3 values in that format.
What does the Swift export look like?
An import SwiftUI line and an extension Color with a static let per color, such as static let sky600 = Color(red: …). Each name comes from that color's name in the palette, made safe for Swift.
Is SupaPick free?
Partly. Everything is unlocked for 7 days, no account needed. After that the loupe, HEX copy and HEX history stay free for good. Every other format, palettes with export and the contrast panel need a license key, which is $4.99 once for three Macs.

Related

Color Picker for Mac: Any Pixel, Copied as CodePick a Color From Your Screen on Mac in One ClickHEX Color Picker for Mac: Copy #RRGGBB From Any PixelSupaPick alternativesMore about SupaPick