Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Color Highlighter for CSS hsl variablesNew to Visual Studio Code? Get it now.
Color Highlighter for CSS hsl variables

Color Highlighter for CSS hsl variables

Mason Tuttle

|
120 installs
| (0) | Free
This extension shows the color of css variable even in the specific case where the vaiable isn't wrapped in `hsl()`.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

color-highlighter-css-hsl-variables

This is a lightweight, Open Source soultion for providing color picking for css vaiables in the hsl format

Features

This extension shows the color of css variable in the specific case where the vaiable isn't wrapped in hsl(). It also allows you to set the color using the builtin color picker.

Example Screenshot

Requirements

No requirements

Extension Settings

This extension provides no settings.

Known Issues

Only supports css variable not wrapped in the hsl funciton. Does not support hsla.

Open Source

This extensions code is available on github here.

Release Notes

1.0.0

Initial release of the color-highlighter-css-hsl-variables

Contact

By Mason Tuttle
Contact me here: Github
Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft