Color Metafield

color-metafield.liquid

                 
          {%- comment -%}
         	 variable to hold color
          {%- endcomment -%}
          
          {%- assign product_color = product.metafields.my_fields.color -%}
          
          {%- comment -%}
         	 Color Metafield and attributes
          {%- endcomment -%}
          
          {%- if product.metafields.my_fields.color -%}
          <p><b>Color (default): </b> {{ product.metafields.my_fields.color }} <div style="display: inline-block; background-color:{{ product.metafields.my_fields.color }};width:10px;">&nbsp;</div></p>
          <p><b>Color (red): </b> {{ product.metafields.my_fields.color.value.red }}</p>
          <p><b>Color (blue): </b> {{ product.metafields.my_fields.color.value.blue }}</p>
          <p><b>Color (green): </b> {{ product.metafields.my_fields.color.value.green }}</p>
          {%- endif -%}