For designers and developers

Convert color palettes between formats without rebuilding them manually.

Bring colors in from design apps, files, or code. Inspect them, rename their labels, and preview the format your next tool needs.

Move a palette from Affinity to Procreate. Carry colors from one codebase to another. Turn a design palette into CSS or JSON.

Get it for iPhone & iPad Get it for Mac Get it for Android

Free to try. A one-time lifetime purchase to unlock all features.

Available for iPhone, iPad, Mac, and Android.

A palette in. Usable output out.

Import a palette from a file or text.
Preview generated text before you copy or export it.

The preview is free. Copying or exporting is part of Pro.

Offline use

Your palette data stays on your device.

Works fully offline
No account required

The format problem

Moving colors by hand means rebuilding the palette.

Design apps, files, and code often store the same colors in different formats. When a palette needs to go somewhere new, you may have to enter its colors and names again.

UPC brings supported formats into the same palette view. Choose a new output without finding a separate converter for each format pair.

Inspect colors, rename palettes and color names, then preview another format.

Three common routes

Take the colors where you need them.

Between design apps

Import a palette from Affinity, then export it for Procreate.

Between codebases

Bring colors in from one codebase and preview them in another code format.

From design to code

Take a palette from a design file and prepare CSS or JSON output for a developer.

Import · Convert · Export

See each step before the palette leaves UPC.

Bring in colors, choose a format, and preview the result before export.

01 · Import

Start with a file or text

Import palette files or paste text. On desktop, drag and drop a file. Review detected palettes and colors before importing.

Choose a file and review its detected palettes.
02 · Convert and inspect

Choose a format. Check the colors.

View color values in different color spaces. Search saved palettes by palette or color name. Rename palette and color names when needed.

UPC does not add, change, or remove colors.

A palette with its source file and color names.
03 · Export

Preview the output first

Preview every export format for free. Text output has syntax highlighting. Text-based file exports show a preview of the file contents.

Choose a color space for file export when the format supports it.

Preview generated output before exporting.

★★★★★

“An amazing tool that just saved me from a gigantic headache importing files from multiple programs, absolutely recommend.”

Retro · Google Play

Export palette files

Preview the file contents, then export a palette file for another app.

UPC's iPhone file export screen showing the selected palette, file format, color space, and a preview — Choose a file format and inspect its preview.

Make a palette image

Preview a PNG or JPEG palette image and set the size of each color cell.

UPC's iPhone image export screen showing a PNG palette preview and color cell size setting — Set cell size and preview a palette image.

Try it here

See a palette become code.

Pick a sample palette, pick an output format, and see the real text UPC generates.

1 · Pick a palette

2 · Pick a format

Lagoon + CSS

--aoi: rgb(105, 210, 231);
--clean-pondwater: rgb(167, 219, 216);
--beach-storm: rgb(224, 228, 204);
--giant-goldfish: rgb(243, 134, 48);
--unreal-food-pills: rgb(250, 105, 0);

--aoi: rgb(105, 210, 231);
--clean-pondwater: rgb(167, 219, 216);
--beach-storm: rgb(224, 228, 204);
--giant-goldfish: rgb(243, 134, 48);
--unreal-food-pills: rgb(250, 105, 0);

[
  { "aoi": "#69D2E7" },
  { "Clean Pondwater": "#A7DBD8" },
  { "beach storm": "#E0E4CC" },
  { "Giant Goldfish": "#F38630" },
  { "unreal food pills": "#FA6900" }
]

@theme {
  --color-aoi: #69D2E7;
  --color-clean-pondwater: #A7DBD8;
  --color-beach-storm: #E0E4CC;
  --color-giant-goldfish: #F38630;
  --color-unreal-food-pills: #FA6900;
}

--mighty-slate: rgb(85, 98, 112);
--pacifica: rgb(78, 205, 196);
--apple-chic: rgb(199, 244, 100);
--cheery-pink: rgb(255, 107, 107);
--grandma-s-pillow: rgb(196, 77, 88);

[
  { "Mighty Slate": "#556270" },
  { "Pacifica": "#4ECDC4" },
  { "apple chic": "#C7F464" },
  { "Cheery Pink": "#FF6B6B" },
  { "grandma's pillow": "#C44D58" }
]

@theme {
  --color-mighty-slate: #556270;
  --color-pacifica: #4ECDC4;
  --color-apple-chic: #C7F464;
  --color-cheery-pink: #FF6B6B;
  --color-grandma-s-pillow: #C44D58;
}

--terra-terra: rgb(232, 221, 203);
--terra: rgb(205, 179, 128);
--acqua: rgb(3, 101, 100);
--acqua-profonda: rgb(3, 54, 73);
--abisso: rgb(3, 22, 52);

[
  { "Terra Terra": "#E8DDCB" },
  { "Terra": "#CDB380" },
  { "Acqua": "#036564" },
  { "Acqua Profonda": "#033649" },
  { "Abisso": "#031634" }
]

@theme {
  --color-terra-terra: #E8DDCB;
  --color-terra: #CDB380;
  --color-acqua: #036564;
  --color-acqua-profonda: #033649;
  --color-abisso: #031634;
}

Sample palettes with real UPC output. In the app you import your own palette; copying and exporting need Pro.

Convert your palette — Get UPC

Supported formats

Common palette files, code, and images.

Move between tools that store colors in different ways.

The lists below show what UPC can import and export. Some formats are import-only or export-only.

Import from palette files

Adobe Color Book (ACB)
Adobe Color Book Legacy (ACBL)
Adobe Color Swatch (ACO)
Adobe Color Table (ACT)
Adobe Swatch Exchange (ASE)
Affinity Designer (.afpalette)
ArtRage 6 (.col)
Color Exchange Format (.cxf)
ColorSchemer Studio (.cs)
CorelDraw 4 (.pal)
GIMP Palette (.gpl)
Homesite (.hpl)
KOffice (.colors)
Paint.NET (.txt)
Procreate v1 and v5 (.swatches)
Jasc or Corel Paint Shop Pro (.pal, .psppalette)
Rebelle (.txt, .colors)
RIFF (.pal)
Scribus Swatch (.xml)
sK1 (.skp)
Skencil (.spl)
Sketch Palette (.sketchpalette)
StarOffice Colors (.soc)

Import from text and code

Hexadecimal color codes
CSS, SCSS, and LESS values and variables
JSON
JavaScript and TypeScript constants
XML, Java, and Kotlin
iOS Swift and Objective-C UIColor
macOS Swift and Objective-C NSColor
.NET Color
Flutter Color
Apple Property List (plist)

Export to palette files

Adobe Color Swatch (ACO)
Adobe Swatch Exchange (ASE)
ColorSchemer Studio
CorelDraw 4 Palette
GIMP Palette
Homesite Palette
KOffice Palette
Paint.NET Palette
Procreate v1 Swatches
Jasc or Corel Paint Shop Pro Palette
Rebelle
RIFF
Scribus Swatch
sK1 Palette
Skencil Palette
Sketch Palette
StarOffice Colors

Export to text and code

HEX, RGB, CMYK, HSL, HSP, and HSB
Lab, OKLab, and XYZ
CSS, SCSS, SASS, and LESS
JavaScript and JSON
Tailwind v3 and v4 config
XML
Java and Kotlin
Apple plist, Swift, and Objective-C
.NET C# and VB.NET
Flutter Dart
SVG

Export palette images

PNG and JPEG.

Free to use

Preview first. Pay once to take the output with you.

Import palettes and check every format before deciding whether to export.

Free

Import from text or files
Paste text or drag and drop files on desktop
Save palettes and search by palette or color name
Rename palettes and color names
Inspect colors and preview every export format
View generated output

Pro

One-time lifetime purchase. No trial or subscription.

Copy generated text
Export palette files
Export palette images
Share palettes with other apps

Store ratings

Ratings from people who use UPC.

★★★★★

“Perfect. Many conversion options, an intuitive interface, no subscription, and a fair price. A great tool for iPadOS, iOS, and macOS. Thanks.”

CouchNerd · iOS App Store · translated from German

★★★★★

“Does it’s job well! Overall quite happy with the app, it works exactly as you would expect, in the best way.”

DanielCsta · Mac App Store

Before you download

FAQs

Is UPC free?

Yes. UPC is free to download and try: import palettes, inspect colors, rename labels, and preview every export format. Pro is a one-time lifetime purchase that unlocks copying, exporting, and sharing. There is no trial or subscription.

Can I change the colors in a palette?

No. You can inspect colors and rename palettes or color names. You cannot add, change, or remove colors.

Does UPC work on my device?

UPC is available for iPhone, iPad, Mac, and Android. The interface adapts to phones, tablets, and desktop screens.

Do I need an account or an internet connection?

No. UPC needs no account and works fully offline.

Your next palette move

Take your colors to the next app or codebase.

Get Universal Palette Converter for iPhone, iPad, Mac, or Android.

Get it for iPhone & iPad Get it for Mac Get it for Android

Free to try. A one-time lifetime purchase to unlock all features.

More apps

Explore all apps

Convert color palettes between formats without rebuilding them manually.

Your palette data stays on your device.

Moving colors by hand means rebuilding the palette.

Take the colors where you need them.

Between design apps

Between codebases

From design to code

See each step before the palette leaves UPC.

Start with a file or text

Choose a format. Check the colors.

Preview the output first

Export palette files

Make a palette image

See a palette become code.

Common palette files, code, and images.

Preview first. Pay once to take the output with you.

Free

Pro

Ratings from people who use UPC.

FAQs

Take your colors to the next app or codebase.

You might also like