Skip to main content

Color Window

Intro

Create and manage Library, Project, Label and Scene Palettes.

Color window

UI

To set a color either:

  • Move the white rings in the color wheel UI.
  • Use the Eye Dropper icon to pick any color within the app.

The resulting color chip can then be dragged and dropped onto Attributes in the Attribute Editor, Shapes in the Viewport or into the palette windows below.

Colors can also be set by manually entering Hex, RGB or HSV values:

  • Hex - Enter a hexadecimal color code (e.g. #4ffd7a).
  • RGB - Enter an RGB (Reg, Green, Blue) color (e.g. 79,253,122).
  • HSV - Enter an HSV (Hue, Saturation and Value) color (e.g. 134, 68, 99).
Auto-complete Hex

Where hex codes contain repeated sequences of characters or numbers, they will be auto-completed. For example, entering AB and then hitting Return will result in #ABABAB.

Use the sub-tabs along the top to load the different types of palettes.

Use the icons on the right hand side to switch the view between Grid and List layouts.

Add a color swatch

To add a swatch either:

  • Drag the color swatch from the Color Widget above into a palette.
  • Select a Shape or Shapes and then choose the Add Colors from Selection option.

Hold Option/Alt while dragging a swatch from the Color Widget into a Palette to allow adding duplicate colors.

Duplicate a swatch

To duplicate an existing swatch hold Option/Alt and drag a swatch in the Grid view to duplicate one.

Apply a swatch

To set an attribute's Color either:

  • Drag a swatch's color chip directly onto a Shape in the Viewport to set its Fill Color.
  • In Grid view and with a Shape or Shapes selected:
    • Click a swatch to set a selected Shape's Fill color (requires Fill to be checked).
    • Option/Alt + click a swatch to enable a selected Shape's Fill and set its color.
    • Shift + click a swatch to enable a selected Shape's Stroke and set its color.
  • Use the buttons on a swatch's row in the List view. Note that if Fill or Stroke is not already enabled that these buttons will enable those attributes.
  • Drag a swatch's color chip onto a Color attribute in the Attribute Editor.
  • With a Layer's Color attribute selected in the Attribute Editor, click a swatch's color chip.

Rename a swatch

To rename a swatch, when in the List view either:

  • Double click a row.
  • Select a row and hit Return.
  • Right click a row and choose Rename.
  • Click the row's ellipsis
    Button icon
    icon and choose Rename.

Reorder a swatch

When in List view, drag and drop a swatch's row to reorder the swatch.

Delete a palette

To delete a palette use the Reveal in Finder/Explorer option and delete the .pal file from the file system.

Options menu

Click the ellipsis

Button icon
icon to access a context menu:

  • New Palette... - Create a new empty palette.
  • Import... - Import an existing palette. Cavalry supports importing .pal, .ase (Adobe® Swatch Exchange) and .theme filetypes.
  • Save As... - Save a version of the palette.
  • Rename Palette... - Rename the palette.
  • Reveal in Finder/Explorer... - Reveal the palette's location on the file system.
  • Set Gradient from Palette - Set the color stops for a Gradient attribute selected in the Attribute Editor. The Multi-Point Gradient Shader can also be set in this way by selecting the Layer itself – the stops created will be randomly positioned based on the Composition's resolution.
  • Create Array from Palette - create a Color Array pre-populated with the colors in the palette.

Grid View

The grid view displays the swatches as individual color chips in a grid layout.

Right click a swatch to reveal the following options:

  • Clear Palette - Remove all Swatches from the palette.
  • Copy Hex Color Value - Copy the Swatch's hex color value to the clipboard.
  • Delete - Remove the Swatch from the palette.

List View

The list view exposes the swatch names and allows for reordering and renaming of swatches within the palette.

Options

Use the ellipsis

Button icon
icon to reveal the following additional options:

  • Rename - Rename a swatch.
  • Set W3C Name - Rename the swatch to use the W3C name.

Palettes

Library palettes are collections of swatches that can be used to assign colors to Shapes and other Layers.

Load any saved palettes by selecting one from the dropdown menu at the top.

info

Library, Project and Label Palettes can also be created manually. See the Palettes page for information on the format and location of palettes.