Free Hex Color Scripts Now Available with in5

Justin | design,ExtendScript,extensions,HTML5,InDesign | Friday, April 19th, 2013

Adobe InDesign originated as a page layout application for print documents. Over time it has evolved into much more. Our tool, in5, exports HTML5 directly from InDesign and automatically converts CMYK, LAB, and RGB colors (as well as tints) into hex values. Hex is the default language of color on the web. Hex combines 6 characters that can be digits or one of the first 6 letters of the Arabic alphabet (A-F).

If you prefer work with hex colors in InDesign…now you can!

Both scripts are available in the Scripts window once installed (double-click on a script to run it):

Scripts Panel

Add Hex Swatch

The Add Hex Swatch allows you to enter a hex value in the Color field. You can enter the value with an opening pound sign (#) or 0x (used for hex values in programming languages)…or leave it off entirely. The color of the palette provides a real-time preview of how the swatch will appear.

You can enter a Name (optionally), or the hex value itself will be used for the name of the swatch.

Add Hex Palette

If you don’t have any documents open, the swatch will be added to the InDesign application default swatch set.

Export Hex Swatches

As I mentioned above, in5 already converts and exports swatches when producing HTML, but perhaps there are occasions where only the swatches are needed. This may be the case if you’re working with a developer.

The box below shows a live preview of how the hex swatch export appears. All the information is stored in a single, self-contained HTML file that can easily be shared or emailed.


The hex color scripts are installed free with in5. A license is required to use the full edition of in5, but these 2 scripts will work even if you don’t have an in5 license. So, head over to the in5 download page and get the latest version (which includes the hex color scripts).

(If you have the Kickstarter edition, open the in5 dialog and go to Info > Updates > Check now… to download a version that includes these 2 scripts).

Get updates from Ajar Productions

Splittext id 400px

Sign up today and get the InDesign Split Text premium extension for free!

Unsubscribe at any time. Powered by ConvertKit

Leave a Reply

Your email address will not be published. Required fields are marked *