Is there a way to take an HEX color variable you imported and somehow change its opacity, for example to use as background color?

Would something like "var(color5 50%)" work? Where color 5 is something like idk #222D32

@arisunz I think this will do the trick: https://www.w3schools.com/cssref/css3_pr_opacity.asp

In old versions of IE, it was the filter:alpha() property.

@julianproxy that would change the opacity of the whole element, what I want to do is somehow add opacity using an hexadecimal variable to change *only* the background color

(for context, I'm importing a bunch of colors from another file that changes dynamically)

@arisunz Oh, sure. How about this one: https://stackoverflow.com/questions/5135019/css-opacity-only-to-background-color-not-the-text-on-it ???

@arisunz obviously, you'll need to convert those hex values to RGB ones, but that's a known equation (N*16+M), just un-fun to have to do

@julianproxy yeah that's the sucky part, I'm finding out

I've read that *supposedly* you can mix hex and rgb values with Sass and then this would work but

I don't know Sass

I'd probably be better off using floating elements as background, blegh