https://github.com/usmonovdev/oklch-as

OKLCH-AS is a Visual Studio Code extension designed to simplify working with OKLCH colors. It allows developers and designers to view and modify OKLCH color values directly within the editor, enhancing productivity and streamlining color management workflows.
https://github.com/usmonovdev/oklch-as

oklch oklch-extention

Last synced: 8 months ago
JSON representation

OKLCH-AS is a Visual Studio Code extension designed to simplify working with OKLCH colors. It allows developers and designers to view and modify OKLCH color values directly within the editor, enhancing productivity and streamlining color management workflows.

• Host: GitHub
• URL: https://github.com/usmonovdev/oklch-as
• Owner: usmonovdev
• License: mit
• Created: 2025-04-25T06:49:10.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-04-25T09:50:35.000Z (about 1 year ago)
• Last Synced: 2025-05-30T08:16:20.479Z (about 1 year ago)
• Topics: oklch, oklch-extention
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=azizziy.oklch-as
• Size: 412 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# OKLCH-AS

OKLCH-AS is a Visual Studio Code extension designed to simplify working with OKLCH colors. It allows developers and designers to view and modify OKLCH color values directly within the editor, enhancing productivity and streamlining color management workflows.

![Show OKLCH Colors](./public/example.png)

## Features

- **Display OKLCH Colors**: Quickly view a list of OKLCH color values used in your project.

- **Edit Colors**: Interactively change OKLCH color values with real-time validation to ensure correct formatting.

- **User-Friendly Interface**: Seamless integration with VS Code's command palette for easy access.

Ideal for web developers and UI/UX designers who want precise control over OKLCH color schemes in their projects.

## Screenshots

### Displaying OKLCH Colors

![Show OKLCH Colors](./public/example.png)

### Changing an OKLCH Color

![Change OKLCH Color](./public/example.png)

## Changelog

See [CHANGELOG.md](CHANGELOG.md) for details.