Colour palette table to reference in SVG Image expressions

[Encrafted]

This is what the table looks like. Of course you can change it to be gallery or whatever suits you best.

I don't know if it's possible but a nice added function could be to create an action that copies the selected row's ID or Hex code to the clipboard.

The leftmost column is an Image type with the bare minimum SVG code. [Encoded Hex] is a virtual column that uses ENCODEURL() on a column with the hash-hex colour value.

CONCATENATE(
"data&colon;image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' 
width='100%' height='100%' 
style='background-color:", [Encoded hex], "'>
</svg>"
)

 With Hex set to quick edit you can immediately see the preview change (after clicking out, of course). I actually think the preview works without the #, but I've included it so the colour works in SVG fill expressions.

An extract from where I've used the colour palette table to set the fill of a circle. This is inside <svg> tags with CONCATENATE() gluing everything together.

<circle cx='0' cy='0' r='95' fill=""", 
SELECT(Colour hex codes[Encoded hex], ([Colour ID] = "Purple highlight"), TRUE), 
"""/>

Even if it looks a bit unwieldy it's way easier to change colours and stick to a consistent palette.  Just a shame the Format Rules don't accept expressions for the colours otherwise I'd use it there.

[Fabian_Weller]

Hi @Encrafted thank you for sharing this. Maybe you can also use this:

https://www.googlecloudcommunity.com/gc/Tips-Tricks/Convert-RGB-to-Hex-decimal-to-hexadecimal/m-p/22...