Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>HueshiftNew to Visual Studio Code? Get it now.
Hueshift

Hueshift

AddonLogic

|
1 install
| (0) | Free
Convert colors between hex, rgb(), and hsl() formats.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Hueshift

Convert colors between hex, rgb(), and hsl() right inside your editor — no color picker round-trips, no manual math.

Features

  • Convert any selected color to hex, rgb(), or hsl() with a single command.
  • Cycle command rotates the color under your cursor through hex -> rgb -> hsl -> hex.
  • Alpha preserved. Translucent colors become 8-digit hex, rgba(), or hsla() automatically; opaque colors stay in the short form.
  • Multi-cursor friendly — every selection is converted in one edit.
  • Empty selection? Hueshift grabs the color token under the cursor.
  • Non-color selections are left untouched, so a stray command never mangles your text.

Supported input formats

  • #rgb
  • #rgba
  • #rrggbb
  • #rrggbbaa
  • rgb(r, g, b)
  • rgba(r, g, b, a)
  • hsl(h, s%, l%)
  • hsla(h, s%, l%, a)

Usage

  1. Select a color (or place the cursor inside one).
  2. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P).
  3. Run one of:
    • Hueshift: Convert Color to Hex
    • Hueshift: Convert Color to rgb()
    • Hueshift: Convert Color to hsl()
    • Hueshift: Cycle Color Format

Select multiple colors at once with multiple cursors to convert them all in one step.

License

Released under the MIT License. See the LICENSE file for details.

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