[No Extension Required] How to mutually convert color codes between Hex and RGB in VSCode

2024-05-31

Here's how to mutually convert between Hex color codes and RGB color codes in VSCode.

It's common to copy a Hex color code from design data but then want to convert it to RGBA for semi-transparency, right?

Convert this color to RGB.

Hover over the automatically displayed square color swatch.

If this doesn't appear, please check if 'Editor: Color Decorators' is enabled in your settings.

Click the color code at the top.

You can convert in the order of 'hsl()' → 'hwb()' → 'rgb()' → 'Hex'!

After that, you can freely convert it to rgba() for semi-transparency, and so on.

That's how to mutually convert color codes like CSS from Hex to RGB in VSCode!

Comments

If this was helpful, I'd appreciate your support!
Any support received will be used for my child's upbringing.

Or support me by buying something through the buttons below
(You don't have to buy the specific item on the linked page.)