Widgets
Configuration
Unmixer

Unmixer Widget Configuration

The Unmixer widget helps users determine which colors to mix to achieve a specific target color. This guide will walk you through the configuration options for the Unmixer widget.

Unmixer Widget Example

Here's an example of how the Unmixer widget looks when embedded:

Configuration Process

Follow these steps to configure your Unmixer widget:

Access Widget Configuration

Navigate to your account page and click "Create Widget" or go directly to https://trycolors.com/configure-widget (opens in a new tab).

Set Widget Name

Enter a name for your widget. This will only be displayed in your account settings.

Specify Domain

Enter the domain where the widget will be embedded. Use the format http:// or https:// followed by your domain name (e.g., website.com). For subdomains, use https://subdomain.domain.com. Local development is supported with http://localhost.

  • No folders or trailing slashes are allowed in the domain field.
  • Ports are not required and should not be included.
  • Both production domains and localhost for local development are supported.

Ensure the domain is correctly specified to avoid embedding issues. Double-check that you've entered it exactly as it appears in your browser's address bar, minus any paths or ports.

Select Widget Type

Choose "Unmixer" as the widget type.

Choose Mixer Mode

Select either PRO or Basic mixing algorithm. For more information, refer to the Mixer Mode documentation.

Set Default Target Color

Enter a hex code in the format #RRGGBB for the default target color. This color will be pre-set for users when they use the "Get Mix" feature in the widget. You'll see this color immediately in the preview. Users can change this by clicking "Pick" in the widget.

Set Tinting Strength Mode

Choose between Uniform or Adjusted tinting strength calculation. See the Tinting Strength Mode documentation for details.

Set Max Colors Count

Specify the maximum number of colors that the engine can add to the mix when a user clicks the 'Get Mix' button.

Select Language

Choose the language for the widget UI: English, French, Romanian, Spanish, German, Russian, Chinese, or Japanese. This affects buttons and labels, not color names.

Choose Palette

Select one of your starting palettes for the widget. If you haven't created a custom palette, refer to the Starting Palette documentation.

Review and Create/Update

Review your settings in the real-time preview on the right side of the page. Click "Create" for a new widget or "Update" for an existing one.

Copy Embed Code (Business accounts only)

After creation, Business account users will see a textarea with the embed code. Copy this code to embed the widget on your website.

Take advantage of the real-time preview to ensure your widget looks and functions exactly as you want before creating or updating it.

Next Steps

For any questions or support regarding Unmixer widget configuration, please contact our support team (opens in a new tab).