Import existing colors to Respresso

Respresso lets you import colors from the following platform-specific formats:

Android color resources.xmlColor resources, usually placed in /res/values/colors.xml.
Photoshop color palette.acoColor palette file of Photoshop containing color swatches.
Adobe Swatch Exchange.aseAdobe's color swatch format that works across multiple products.
Sketch plugin color palette.sketchpaletteSketch palette plugin generated format from Sketch.
Raster images.png, .jpg, .bmp, .gifRespresso extracts the statistically most common colors from an image. You can import screenshots or designs. (Works best for solid colors, gradients won't work.)
iOS asset catalog (zip).zipZip your .xcassets folder containing your iOS project's colors.
Cascading Style Sheet.cssImport colors from existing CSS files. You can upload your CSS from your production build.

Alternatively, you can import colors directly from your designs with Respresso's Figma, Adobe XD and Zeplin integration.

How to import existing colors to your Respresso project?

To import a color file, do the following steps:

  1. Go to the color category.
  2. Click on the Import button and select the file you want to import.
  3. Optionally, change import settings. These options differ by format. Some formats do not have any.
  4. Click the Import button in the dialog.

How imported colors are merged

During color import, Respresso tries to merge your colors with existing ones. It follows the following rules:

  • Color names are treated as identifiers, so if an imported color name already exists they will be updated with the imported color.
  • Formats supporting aliases will be imported as aliases. Currently, they won't show up in Respresso.