Color Editing

The color editor lets you define primary and secondary colors for each swatch. This is especially useful when using one color or two color swatch types.

When opening the color modal, you can visually pick colors directly from the product image using the built in eyedropper tool. Simply hover over the image and click to capture the desired shade. You can also manually enter a HEX value such as #000000 for precise control.

Both primary and secondary colors can be configured, cleared, and adjusted independently. A live preview updates as you hover, so you immediately see how the swatch will look before saving.

Once finished, click Save to apply changes or Cancel to discard them.

Updated on: 17/02/2026