VS Code Extensions
Hueshift

Hueshift

by AddonLogic

Convert colors between hex, rgb(), and hsl() formats.

Downloads

2

Rating

(0)

Version

0.1.0

Last updated

Jun 17, 2026

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.

Related extensions