colorslurp.com

ColorSlurp is a color picker and color-tool suite for Mac and iOS, aimed at designers, developers, and artists. It solves the everyday problem of getting an exact color off your screen and into a usable format: you pick a color with a precision magnifier, edit it with professional color tools, save it into palettes, and copy or export it to whatever format your project needs. It is available as a download from the App Store.

What ColorSlurp actually does

The core loop is pick → edit → copy, with palette management wrapped around it.

• Pick: A high-precision magnifier samples any color on your screen. You can move it with the cursor, with the arrow keys, or long-press to slow its movement for pixel-perfect accuracy. Magnifier size and zoom are adjustable, and you can pick multiple colors at once.
• Edit: Colors can be adjusted using a color wheel and advanced editing tools, and pasted in from the clipboard for quick editing.
• Copy: One click copies a color to any format for any language, including custom formats you define yourself. The site gives the example MyColor(0x25c9c8).
• Organize: Name colors, add them to palettes, group palettes into projects, and sync across devices in real time.

Who it is for

ColorSlurp is positioned for people who move color between tools all day:

If you only need to grab a hex code occasionally, the built-in pickers in macOS may be enough. ColorSlurp earns its place when you need accuracy, multiple output formats, and palettes that stay in sync.

Key features worth knowing

Color formats and custom output

One-click copy works across formats and languages, and you can create your own custom format strings — useful when a framework expects a non-standard color syntax.

Palette manager and export

Palettes can be exported to Sketch, Procreate, .ase, images, PDF, CSS, Sass, Swift, HTML, JSON, .clr, and more. Real-time sync keeps palettes consistent across your Mac and iOS devices.

Palette generator

ColorSlurp can build palettes automatically from your photos or images, and you can browse curated palettes inside the app when you want inspiration rather than extraction.

Contrast checker

It checks the contrast of two colors against standards such as WCAG and APCA, and can fix contrast issues in one click by adjusting the background, the foreground, or both evenly. This matters if your work has to pass accessibility review.

Modern color spaces

Editing and saving support OKLCH, LAB, Display P3, RGB, HSL, and CMYK, so you are not limited to sRGB when your design or print workflow needs a wider gamut.

Camera color picker

On supported devices, the camera can sample colors from your physical environment rather than your screen.

How to decide

Choose ColorSlurp if you work across Mac and iOS, need precise on-screen sampling, and want colors to flow into code or design tools without manual conversion. Look elsewhere if you only need a single-format picker and no palette management — the extra tooling would go unused.

The site reports over 10,000 five-star ratings on the App Store, which is a signal of adoption rather than a guarantee of fit for your workflow. The most reliable check is to install it and run one real task: sample a color from a design reference, copy it into your project's format, and save it to a palette. If that loop feels fast, the rest of the suite will too.

ColorSlurp checks contrast by comparing two colors you supply and reporting whether they meet standards such as WCAG and APCA. If a pair fails, it offers a one-click fix that adjusts the background, the foreground, or both evenly. This is useful when you already have a color pair in a design and need to know whether it is accessible before shipping.

What the contrast checker does

The feature is described on colorslurp.com as a Color Contrast Checker that lets you "instantly check the contrast of two colors in your designs to meet web standards such as WCAG, APCA, and more."

Two things follow from that description:

• Input is a pair of colors. You are checking one color against another, not scanning an entire design automatically.
• Output is a standards verdict. The tool tells you whether the pair passes the referenced accessibility standards.

The site does not publish the exact pass/fail thresholds, the specific WCAG conformance level, or the APCA version used. Treat the checker as a fast first pass, and confirm final numbers against the official WCAG or APCA documentation for your target level.

How to check a pair

1. Get both colors into ColorSlurp. You can pick them from anywhere on screen with the precision magnifier, or paste a color from the clipboard to edit it.
2. Open the contrast checker and assign the two colors as the pair you want to test — in practice this means the text color and its background.
3. Read the result. ColorSlurp reports whether the combination meets the referenced standards.
4. If it fails, use the one-click fix and choose whether to adjust the background, the foreground, or both evenly.

The expected result is a corrected pair that passes, with the adjustment applied to whichever side you chose. Adjusting "both evenly" splits the change rather than pushing all of it onto one color, which helps when neither the text nor the background color is free to move.

Why the fix options matter

A failing contrast ratio can be resolved in more than one way, and the right choice depends on your constraints:

Because ColorSlurp supports modern color spaces including OKLCH, LAB, Display P3, RGB, HSL, and CMYK, you can make these adjustments in the space that suits the design rather than being locked to one model.

Fitting it into a color workflow

The contrast checker is one part of a broader toolset on the same site. Colors you pick can be named, saved into palettes, grouped into projects, and synced across Mac and iOS devices in real time. Palettes export to formats including Sketch, Procreate, .ase, images, PDF, CSS, Sass, Swift, HTML, JSON, and .clr.

That matters for accessibility work in a specific way: once you have fixed a pair, you can save the corrected colors as a named palette and export them straight into CSS, Sass, Swift, or HTML, so the accessible values reach the codebase instead of living only in the picker.

Limits to keep in mind

• The checker compares two colors at a time. It is not a full-page or full-app audit.
• The site does not state which WCAG level or APCA version the results map to, so verify against the standard you are required to meet.
• ColorSlurp is available for Mac and iOS; the site does not describe a Windows, Android, or web version.

For a quick pass on a text/background pair, the checker plus the one-click fix covers the common case. For a formal accessibility sign-off, use it to get close and then confirm the final ratios against the official standard.

ColorSlurp supports two distinct categories that are easy to confuse: color spaces (how a color is defined and edited) and output formats (how a color is written out as text or a file). Per the ColorSlurp site, it supports editing and saving colors in OKLCH, LAB, Display P3, RGB, HSL, and CMYK, and it can copy a color to "any format for any language," including CSS, Sass, Swift, HTML, JSON, .clr, .ase, Sketch, Procreate, Images, and PDF. You can also define your own custom format. If your workflow depends on a specific space or file type, check that it appears in both lists below before committing.

Color spaces you can edit and save in

ColorSlurp's page lists these as the modern and standard spaces it supports for editing and saving:

The site frames these as letting you "use a wider palette of colors in your designs," which matters most when you move between a P3 display and an sRGB export, or between screen and print targets.

Output formats you can copy or export to

ColorSlurp copies a color to a format with one click, and the page states you can copy to "any format for any language." The formats named on the site are:

• Code: CSS, Sass, Swift, HTML, JSON
• Design app files: Sketch, Procreate
• Color files: .ase, .clr
• Documents and images: Images, PDF

Because the page describes one-click copying "to any format for any language," treat the list above as the named examples rather than a hard ceiling — but only rely on a format if you can confirm it in the app.

Custom formats

If none of the built-in outputs match your codebase, ColorSlurp lets you create your own custom format. The site's example is a constructor-style value:

MyColor(0x25c9c8)

This is the practical answer for teams with a house color syntax: define it once, then every pick copies in that shape instead of you reformatting by hand.

Getting a color in, not just out

ColorSlurp also accepts input. You can paste a color directly from the clipboard into the app to edit it, which is useful when a color arrives as text in a spec, a chat message, or a stylesheet and you want to inspect or convert it without retyping values.

How to confirm a format fits your workflow

1. Identify the exact target: a color space (for example OKLCH or CMYK) and an output format (for example Swift or .ase).
2. Check the space against the table above.
3. Check the format against the named list, or plan to build a custom format.
4. Test one real color end to end — pick it, copy it, paste it into your actual tool — before standardizing a team process on it.

The main pitfall is assuming "supports many formats" means your specific one. The site names a concrete set; anything beyond it is best verified in the app itself.

ColorSlurp lets you build, name, and save palettes and projects, then sync them in real time across your Mac and iOS devices, and export them to design apps, images, PDFs, and code formats. This applies if you use ColorSlurp on more than one Apple device and want the same colors available everywhere. The site does not state whether sync requires an account, iCloud, or a paid tier, so treat the exact sync mechanism as unconfirmed and verify it in the app.

Creating and organizing palettes

The palette manager is where colors become reusable assets rather than one-off picks.

• Pick a color with the precision magnifier, then copy it to any format with one click.
• Name individual colors and add them to palettes.
• Group palettes into projects.
• Paste a color from the clipboard into ColorSlurp to edit it quickly.
• Browse curated palettes inside the app if you want a starting point.

You can also generate a palette automatically from a photo or image, which is useful when a client hands you a reference image and expects a matching scheme.

How syncing works

ColorSlurp states that palettes sync between all your devices with real-time sync. In practice, that means a palette you save on your Mac should appear on your iPhone or iPad without a manual transfer step.

Two things the site does not specify, and you should confirm before relying on them:

• Whether sync needs an account, iCloud, or a specific app version.
• Whether there are device or palette limits on the sync feature.

If you work across a Mac and an iPhone, test with one small palette first: create it on one device, name it clearly, then check whether it appears on the other. That single test tells you more than any feature list.

Export formats

ColorSlurp exports palettes to a wide range of targets. The site lists:

It also supports custom color formats, so you can define an output string that matches your own codebase convention. The example shown on the site is a custom format like MyColor(0x25c9c8).

Choosing an export target

• Handing colors to a developer? CSS, Sass, Swift, HTML, or JSON, depending on the stack.
• Moving into a design tool? Sketch, Procreate, or .ase.
• Sharing with a non-designer? Images or PDF.
• Staying inside Apple tooling? .clr.

Color spaces and contrast, briefly

Palettes are more portable when the underlying colors use spaces your tools understand. ColorSlurp supports editing and saving in OKLCH, LAB, Display P3, RGB, HSL, and CMYK, and it includes an OKLCH color picker. It also has a contrast checker that reports against standards such as WCAG and APCA, with one-click fixes for background, foreground, or both.

That matters for export: a palette built in Display P3 or OKLCH may not translate identically into every target format, so check the exported values in the destination tool rather than assuming a perfect match.

Practical workflow

1. Pick colors with the magnifier, or generate a palette from an image.
2. Name the colors and save them into a palette; group related palettes into a project.
3. Let real-time sync carry the palette to your other devices, and confirm it arrived.
4. Export to the format your next tool needs, using a custom format if your codebase has its own convention.
5. Run the contrast checker before shipping anything accessibility-sensitive.

The main open question is sync setup, since the site describes real-time sync but not the requirements behind it. Confirm that in the app first, then the rest of the workflow is straightforward.

ColorSlurp is a color picker and color-tool suite for Mac and iOS, built for designers, developers, and artists. It covers the full loop of working with color: picking a color from your screen, editing it, saving it into palettes and projects, checking its accessibility, and exporting it into whatever format your project needs. If your work involves moving colors between a screen, a design file, and code, the feature set below is what you'd be evaluating.

Picking colors

Precision magnifier

The core tool is a magnifier that picks any color on your screen. You can move it with your cursor, with the arrow keys, or long-press to slow its movement for pixel-level precision. Magnifier size and zoom are adjustable so you can view objects up close, and you can pick multiple colors at once. Once picked, a single click copies the color.

Camera color picker

On supported devices, you can pick colors with your camera, turning a physical object or environment into a color value.

Editing and color spaces

ColorSlurp supports editing and saving colors in modern color spaces: OKLCH, LAB, Display P3, RGB, HSL, and CMYK. That matters if you need access to a wider gamut than sRGB, or if you're working in a perceptually uniform space like OKLCH. Editing tools include a color wheel alongside the standard pickers.

Copying and pasting colors

• One-click copy to any format — copy a color to any format for any language.
• Custom formats — define your own output format if the built-in ones don't match your codebase. The site's example is a custom format like MyColor(0x25c9c8).
• Paste from clipboard — paste a color directly into ColorSlurp from the clipboard to edit it quickly.

Palettes and projects

• Create and save palettes, name individual colors, and add them to palettes.
• Organize palettes into projects.
• Real-time sync across all your devices.
• Export formats include Sketch, Procreate, .ase, Images, PDF, CSS, Sass, Swift, HTML, JSON, .clr, and more.
• Palette generator — generate palettes automatically from your photos or images.
• Curated palettes — browse built-in palettes inside the app for inspiration.

Accessibility and contrast

The color contrast checker instantly checks the contrast between two colors against standards such as WCAG and APCA. It can fix contrast issues with one click, adjusting the background, the foreground, or both evenly.

Platforms and reception

ColorSlurp runs on Mac and iOS and is available via the App Store. The site states it has over 10,000 five-star ratings on the App Store and is used by what it describes as thousands of world-class creators. A user guide, "What's New," and help resources are linked from the site, and the download is presented as free — check the App Store listing for current pricing and any in-app purchase details, since the site itself doesn't state them.

Quick fit check

If your needs are limited to grabbing a hex code occasionally, the picker alone may be more than you need. If you regularly move color between screen, design tools, and code while tracking accessibility, the combination of picking, color spaces, custom formats, sync, and contrast checking is the part worth testing first.