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:

Last updated