Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>OKLCH decoratorNew to Visual Studio Code? Get it now.
OKLCH decorator

OKLCH decorator

Enivia

|
427 installs
| (0) | Free
Preview and convert OKLCH colors for CSS files in vscode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

OKLCH Color Decorator

OKLCH Color Decorator

A Visual Studio Code extension that provides visual previews and conversion tools for OKLCH colors in your stylesheets.

Features

  • OKLCH Color Preview: Shows a color preview square next to OKLCH color values in your stylesheets

  • Quick Conversion: Hover on any OKLCH color to convert it to other format

  • Supported OKLCH Format:

    /* Basic OKLCH color */
    color: oklch(0.7 0.15 30);
    
    /* OKLCH with alpha channel */
    color: oklch(0.7 0.15 30 / 0.5);
    color: oklch(70% 0.15 30 / 50%);
    

Contributing

Found a bug or want to contribute? Feel free to open an issue or submit a pull request on my GitHub repository.

License

This extension is licensed under the MIT License.

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