Home

Awesome

<div align="center"> <a href="https://sindresorhus.com/system-color-picker"> <img src="Stuff/AppIcon-readme.png" width="200" height="200"> </a> <h1>System Color Picker</h1> <p> <b>The familiar color picker supercharged</b> </p> <br> <br> <br> </div>

The macOS color picker as an app with lots of extra features.

Download

Requires macOS 14 or later.

Older versions

Non-App Store version

A special version for users that cannot access the App Store. It won't receive automatic updates. I will update it here once a year.

Download (2.0.2 · macOS 14+)

Features

Tips

Keyboard shortcuts

You can use the following keyboard shortcuts in the app:

Plugins

The built-in color picker supports plugins:

Screenshots

FAQ

The app does not show up in the menu bar

macOS hides menu bar apps when there is no space left in the menu bar. This is a common problem on MacBooks with a notch. Try quitting some menu bar apps to free up space. If this does not solve it, try quitting Bartender if you have it installed.

What is OKLCH color?

It's a more human-friendly color format. Prefer this format.

How is OKLCH better than LCH?

OKLCH improves upon LCH by providing more accurate and consistent colors, particularly in very bright or very saturated areas.

The color changes if I copy and then paste it

That is because the default color space in the picker is Display P3, which is part of CSS Color 4, but the color space used for the legacy CSS color formats is sRGB (browsers are starting to handle color spaces but they are not all there yet).

How do I use palettes?

You can manage palettes by selecting the third tab in the window toolbar.

The fastest way to add a color to a palette is to paste a Hex color value into the app and then click the + button in the palette. You can also drag and drop a color into the palette from anywhere.

Palettes can be accessed both from the app and the menu bar icon (if enabled). You can even access them in other apps that use the system color picker.

You can find palettes on Coolors.

How do I remove a color in a palette or swatch?

Drag and drop the color onto the trash icon in the Dock.

How do I change the color space?

Right-click the color wheel. You want to select “Display P3” if you use LCH or “sRGB” if you use Hex, HSL, or RGB.

Note that the HSL and RGB format will always be clamped to sRGB color space.

Can you support SwiftUI.Color / UIColor / NSColor formats?

The best practice is to use Asset Catalog for colors instead of hard-coding the values in code. If you really want to hard-code colors, the Scala color picker plugin supports UIColor and NSColor.

Can I contribute localizations?

I don't plan to localize the app.

More FAQs…

Built with

Other apps