Import existing colors to Respresso
Respresso lets you import colors from the following platform-specific formats:
| Format | Extension | Info |
|---|---|---|
| Android color resources | .xml | Color resources, usually placed in /res/values/colors.xml. |
| Photoshop color palette | .aco | Color palette file of Photoshop containing color swatches. |
| Adobe Swatch Exchange | .ase | Adobe's color swatch format that works across multiple products. |
| Sketch plugin color palette | .sketchpalette | Sketch palette plugin generated format from Sketch. |
| Raster images | .png, .jpg, .bmp, .gif | Respresso 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) | .zip | Zip your .xcassets folder containing your iOS project's colors. |
| Cascading Style Sheet | .css | Import 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:
- Go to the color category.
- Click on the
Importbutton and select the file you want to import. - Optionally, change import settings. These options differ by format. Some formats do not have any.
- Click the
Importbutton 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.