Palette tab

The Palette tab allows you to generate and customise an 11 point palette.

Click β€œon” to activate a global colour palette. Click β€œoff” to deactivate the palette.

For a better understanding of the palette or dynamic colour variations values, hover over a specific colour and the relative information will be displayed.

Hover over your palette or dynamic colour variation to find the connected base colour.

Activate

The Palette tab can be accessed by selecting a global colour.

  • In the Block Inspector, open the Global Styles tab.

  • Open the Colours tab.

  • Select a global colour.

  • Open the Palette tab.

  • Click the "on" button to activate.

  • The generated Palette will now be visible in the Folder above the Global Colour chips.

The generated colour palette provides a range of tints, shades and tones based on the global colour.

Additional Information

If you hover over an 11 point palette, additional relative information about the colour will be displayed.

  • In the Block Inspector, find Global Colours in the Colours tab of the Global Styles tab.

  • Find the 11 point palette you wish more information about.

  • Hover over a specific colour.

  • Additional information relative to the specified colour will be displayed.

Modify

You can modify the base colour and generate a new palette to suit your requirements.

  • Open the Palette tab.

  • Click the "on" button to activate.

  • Click the palette in the Colour modal or the Block Inspector.

  • Select a new base colour.

This will generate a new palette.

Customise

You can customise a specific colour in the 11-stop generated palette.

  • Open the Colours tab in the Global Styles tab.

  • In the Block Inspector, find the 11-stop palette you wish to customise.

  • Click a specific colour to open the Global Colour modal.

  • Modify accordingly.

Dot Indicator

Using smart algorithms, the colour palette is always balanced, never too light or too dark.

With the help of the dot indicator, you can follow the placement of your base colour.

  • Open the Palette tab.

  • Click the "on" button to activate.

  • Click the palette in the Colour modal or the Block Inspector.

  • Select a new base colour.

  • Hover over the new palette to observe where the new base colour is placed within the palette.

Maximum Brightness

The maximum brightness field determines the lightest permitted colour.

  • Open the Palette tab.

  • Click the "on" button to activate.

  • Input required Maximum Brightness value.

Minimum Brightness

The minimum brightness field determines the darkest permitted colour.

  • Open the Palette tab.

  • Click the "on" button to activate.

  • Input required Minimum Brightness value.

Hue

The hue field determines the hue variations the generator is permitted to use.

  • Open the Palette tab.

  • Click the "on" button to activate.

  • Input required Hue value.

Saturation

The saturation field determines how vivid or muted the generated palette can be.

  • Open the Palette tab.

  • Click the "on" button to activate.

  • Input required Saturation value.

Type (Normal/Vivid)

The normal and vivid options determine the distribution of generated colours.

  • Open the Palette tab.

  • Click the "on" button to activate.

  • Find the Type option.

  • Toggle Normal or Vivid as required.

Dark Mode (Normal/Reversed)

The Normal and Reversed options determine how colours are ordered in Dark Mode.

  • Open the Palette tab.

  • Click the "on" button to activate.

  • Find the Dark Mode option.

  • Toggle Normal or Reversed as required.

Last updated