name thatuiuser interface
Fill
Show Colors…

Click a swatch — the strip is an expanded NSColorWell; the dropper is NSColorSampler

Color Well

/ NSColorWell · ColorPicker /

also called color picker button, color swatch control, color chooser, color selector

“The little square showing the current color” is a color well — NSColorWell. Since macOS 13 it has three styles: minimal (just the swatch), default, and expanded — the modern one with a caret button attached. Clicking the expanded well opens a quick popover with a grid of swatches and an eyedropper; the caret opens the full color panel. The eyedropper that samples any pixel on screen is its own one-call API: NSColorSampler.

Anatomy — every part, named

  1. 1
    Color swatchNSColorWell.color

    “The colored area itself” is the swatch — it always displays the well's current color and is the click target for the quick picker.

  2. 2
    Color-panel buttonNSColorWell.Style.expanded

    “The little arrow segment next to the swatch” is the dedicated button the expanded style adds — it opens the full color panel.

  3. 3
    Quick color popoverNSColorWell.colorWellStyle

    “The grid of color squares that pops up” is the expanded style's quick picker — swatches for fast choices, without the full panel.

  4. 4
    Eyedropper (color sampler)NSColorSampler

    “The eyedropper that picks a color from anywhere on screen” is the system color sampler — one call: NSColorSampler().show { color in … }.

Prompt — paste into your agent

Add a native macOS color well — NSColorWell (SwiftUI: ColorPicker). Use colorWellStyle = .expanded for the modern two-part control: clicking the swatch opens the quick color-grid popover with an eyedropper, and the caret button opens the full NSColorPanel. For a standalone screen-color eyedropper use NSColorSampler().show { color in … }.

In code

The exact names this thing goes by in code — each row is one framework’s word for it. Use the row that matches your project (or paste it into your prompt).

AppKitNSColorWell
SwiftUIColorPicker
AppKitNSColorWell.colorWellStyle.minimal / .default / .expanded (macOS 13+)
AppKitNSColorWell.color
AppKitNSColorSamplerthe standalone eyedropper
AppKitNSColorWell.supportsAlpha

See also

Search

Describe the UI element you're thinking of