Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>OKLCH Color PreviewNew to Visual Studio Code? Get it now.
OKLCH Color Preview

OKLCH Color Preview

nize

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

OKLCH Preview

version downloads

Preview OKLCH colors for CSS files in Visual Studio Code.

Preview

Custom File Patterns

By default, OKLCH Preview works with standard CSS files (css, scss, sass, less, postcss).

You can configure the extension to support additional file patterns, such as CSS-in-JS files:

"oklchPreview.additionalFilePatterns": [
  "**/*.css.ts",
  "**/*.styles.ts",
  "**/*.styled.tsx"
]

Acknowledgements:

  • HSL Preview by 13ruceYu, which inspired this extension.

License

MIT

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