Skip to content

Color

A Color type gives you a convenient control to select a color and store the result as a string in hex RGB format such as #000000, #e9e9e9, #ffffff etc.

Example use:

<button style="background-color: {{ product.metafields.accentuate.background_color }}">Click</button>

Note that you can use Liquid color filters to change or extract properties from these color strings:

https://shopify.dev/docs/themes/liquid/reference/filters/color-filters