This content has moved - please find it at https://devblog.cyotek.com.

Although these pages remain accessible, some content may not display correctly in future as the new blog evolves.

Visit https://devblog.cyotek.com.

Palette Editor 1.6; in and out

A new release of Cyotek Palette Editor is now available. The focus of this release is to expand on how you get data in and out of the Palette Editor.

Import and Export

To start with, the original Import Palette feature of previous versions has been replaced with an Import and Export Wizard. This provides the same import palette functionality of previous versions, but also now provides the ability to export the current palette to any other format.

A new CSS Import plugin is also available, which will scan a CSS file and look for HEX and RGB colors to import. And if you can import CSS, then you may wish to export CSS too, so we've provided that ability too.

Exporting a palette into CSS

Tip: The first iteration of CSS Import doesn't actually parse CSS directly, instead it looks for color values. So you could actually use it to extract colors from any plain text document which contains hexadecimal colors!

Printing

Although printing feels a little old fashioned, well Cyotek feels that way too sometimes! The palette editor now offers a handy print function that lets you print out the contents of a color palette.

Previewing the output before printing a palette

Templates

Spriter and Slicr both offer templating support. Spriters template support is a token replacement system, while Slicr uses Razor templates. Both have their advantages and their weaknesses.

The Palette Editor now supports templates too, using Shopify's Liquid language. This allows a template to be more advanced than just token replacement, without having to know an entire programming language or introducing security risks. And it is fast to use, without the burden of having to compile Razor templates.

Example templates

Using templates you can export a palette to your own custom or standard format with ease. Does the CSS Export plugin not produce CSS to your exact requirements? No problem, create a custom template. Instead of having a static image, perhaps you'd like to generate a HTML swatch page - you can do that too. There are lots of possibilities.

Editing a template with live preview

Output from a modern HTML swatch template

There's also a command line client for running templates, so you can automatically generate content for a given palette as part of a batch or script process.

Color Swatch Images

The Create Preview Image feature (now renamed to Create Swatch Image) has also had a minor upgrade. It now supports an improved version of the preset system originally introduced in Gif Animator making it easy to create custom styles that you can switch between.

It is now also possible to directly copy a swatch image to the clipboard without having to open the swatch image dialog first or generate an output file. You can also copy the preview image directly from the swatch image dialog too.

Using presets

More information

Help us improve

You can grab beta builds of version 1.6 from the downloads page.

How would you like to see the palette editor improve? Recent suggestions included the ability to generate a series of colors with hue shifting - now on the road-map. We'd love to hear your suggestions too!

Update History

  • 2017-07-02 - First published
  • 2020-11-23 - Updated formatting

About The Author

Gravatar

The founder of Cyotek, Richard enjoys creating new blog content for the site. Much more though, he likes to develop programs, and can often found writing reams of code. A long term gamer, he has aspirations in one day creating an epic video game. Until that time, he is mostly content with adding new bugs to WebCopy and the other Cyotek products.

Leave a Comment

While we appreciate comments from our users, please follow our posting guidelines. Have you tried the Cyotek Forums for support from Cyotek and the community?

Styling with Markdown is supported