简体中文
EnglishWhich color formats and color spaces does ColorSlurp support?
Updated
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:
| Color space | Typical use |
|---|---|
| OKLCH | Modern perceptual color work; predictable lightness and chroma |
| LAB | Perceptually uniform editing and conversion |
| Display P3 | Wide-gamut work for P3-capable displays |
| RGB | Screen and web color values |
| HSL | Quick hue/saturation/lightness adjustments |
| CMYK | Print-oriented color definitions |
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
- Identify the exact target: a color space (for example OKLCH or CMYK) and an output format (for example Swift or .ase).
- Check the space against the table above.
- Check the format against the named list, or plan to build a custom format.
- 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.