Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>oklch-vscodeNew to Visual Studio Code? Get it now.
oklch-vscode

oklch-vscode

walnuts1018

|
3,545 installs
| (4) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-css-languageservice now supports oklch 🎉🎉🎉

https://github.com/microsoft/vscode-css-languageservice/pull/436

[!WARNING] If you are using the latest version of VSCode, you probably do not need to install this extension. To avoid conflicts, we strongly recommend that you uninstall or disable this extension.

We will maintain this extension for a while until many users migrate.

oklch-vscode

This is a Visual Studio Code extension that provides a preview of OKLCH colors in your CSS files.

Screenshot

Features

  • OKLCH Color Preview: Preview OKLCH colors in your CSS files.
  • OKLCH Color Picker: Use the color picker to select OKLCH colors.
  • Generate Link to oklch.com: Generate a link to the OKLCH color on the oklch.com.

Settings

You can customize the file patterns for which the extension will be active. By default, it is set to css, scss, less, tailwindcss and postcss. You can change this in your settings:

"oklch-vscode.languages": [
    "css",
    "scss",
    "less",
    "tailwindcss",
    "postcss"
]

License

Apache License 2.0

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