In this article
CDL Editor selects colors via values or picker with sliders for color, hue and opacity. Hover over code to access. Separate multiple codes with commas.
In objects and properties where you can define colors, such as color palettes or color formatters, you can either type the numerical values of the desired color directly into the CDL Editor panel, or you can use the color picker to select colors from a palette using sliders for color, hue, and opacity.
To access the color picker from an existing color code, hover your cursor over the code for a few seconds and the picker overlay will open. If you want to add a new color to your palette, type the 6-character hex code, such as "#000000", into the appropriate location and hover over the code. The color picker will then open.
Example of the color picker using hex code
To select a color:
In the right column, you can either drag the vertical slider (represented by the black arrow) or click on one of the basic colors.
In the main area, you can either drag the circular slider (represented by the white arrow) or click in the area to choose the desired hue.
To adjust the opacity if needed, drag the vertical slider (represented by the blue arrow) after you have selected the basic color.
A sample of the selected color is presented towards the top of the picker window, along with the numerical values for that color. If you are changing an existing color then a patch of the old color is kept at the right end of the color bar until you move your cursor out of the color picker so you can compare the old and the new colors. A sample patch of the color is also displayed beside the numerical code in the CDL Editor panel.
If you adjust the opacity, the color code changes from a 6-digit hex code to an RGBA code.
Example of the color picker using rgba code
Note
When using multiple color codes in a palette or color formatter, separate the codes with a comma, except for the last color code which should not be followed by a comma.