Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>CoCo Convert ColorsNew to Visual Studio Code? Get it now.
CoCo Convert Colors

CoCo Convert Colors

Vlad.studio

| (0) | Free
Convert color formats: HEX, HSL, OKLCH
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

CoCo

Convert colors between HEX, HSL, and OKLCH — in selection or entire file.

Features

  • One command: CoCo: Convert Colors — opens a picker with available conversions
  • Auto-detects which color formats are present — only shows relevant options
  • Supported formats: HEX(A), HSL(A), OKLCH(A)
  • Reads both legacy (hsl(120, 100%, 50%)) and modern (hsl(120 100% 50%)) CSS syntax
  • Writes modern CSS syntax only
  • Smart output: alpha included only when non-opaque; hex uses shortest form (#fff over #ffffff)

Usage

  1. Select text containing colors (or leave empty to process entire file)
  2. Open Command Palette → CoCo: Convert Colors
  3. Pick a conversion (e.g. HEX → OKLCH)

License

MIT

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