Splitting Metafield Value List / Product with multiple colors

[Ben_Simon]

I have a Color metafield:
- Single Line
- Value List

Where I want to put the product colors in.
Sometimes only one, sometimes 5 colors per product.

Now I want to display the color(s) to the customer in a single line seperated by a "/".
 
This is the output if you render the metafield like : 

{{ product.metafields.custom.color.value }}

 Both tags have no space in-between

And this is the output if I´m trying to use the "Split" function:

{{ product.metafields.custom.color.value | Split:"/" }}

Why does it render the "(" brackets? 

This is how the metafield is set up

The Code that renders the Color Variant:

<p class="related-products-heading" style="font-size: {{block.settings.heading_font_size}}px; color: {{block.settings.heading_color}};">{{ block.settings.heading }}
<span style="color: #acacac;">Farbe:&ensp;</span> <span style="color: #4DA9A9;"> {{ product.metafields.custom.color.value }}</span>
</p> 

Any ideas how to solve my issue?

[Ben_Simon]

Of course you can do something like this:

{{ product.metafields.custom.color.value | remove: "[" | remove: "]" | remove: '"' | split: "/" }}

But at the end the "/" still does not work and will only render a ",":

 

[Ben_Simon]

Bump!