https://github.com/ironlu233/vscode-color-exchange

↔️ Exchange hexadecimal, RGB, HSL color in your code
https://github.com/ironlu233/vscode-color-exchange

extension refactor vscode

Last synced: 3 months ago
JSON representation

↔️ Exchange hexadecimal, RGB, HSL color in your code

• Host: GitHub
• URL: https://github.com/ironlu233/vscode-color-exchange
• Owner: IronLu233
• License: apache-2.0
• Created: 2018-10-01T16:15:04.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-10-04T07:46:56.000Z (over 7 years ago)
• Last Synced: 2025-08-23T09:11:36.971Z (10 months ago)
• Topics: extension, refactor, vscode
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=IronLu233.vscode-color-exchange
• Size: 729 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# vscode-color-exchange README

![Build Status](https://travis-ci.org/IronLu233/vscode-color-exchange.svg?branch=master)

[![codecov](https://codecov.io/gh/IronLu233/vscode-color-exchange/branch/master/graph/badge.svg)](https://codecov.io/gh/IronLu233/vscode-color-exchange)

A VS code extension uses `VS code`'s code action for refactoring your color unit code. It can transform your color unit to RGB, RGBA, etc.

## Features

convert your color token to:

- RGB, RGBA

- HSL

- 6-dight hexadecimal and 3-dight hexadecimal(if available)

![2018-10-03 11 59 49](https://user-images.githubusercontent.com/20639676/46391328-f04f5280-c70e-11e8-8fb9-fe68ae643f8c.gif)

## Installation

In order to install an extension you need to launch the Command Pallete (Ctrl + Shift + P or Cmd + Shift + P) and type Extensions. There you have either the option to show the already installed snippets or install new ones. Search for `color-exchange` and install it.

## Usage

After installation and reload VS code, open any file and move the cursor into color unit, click the lightbulbs in your editor or Use shortcut: `Cmd + .`(`Ctrl + .` in windows), then select your new color unit.

## Requirements

`vs code` >=1.27.0

## TODOS

- [ ] Add more unit test

- [x] Support convert other color to keyword color if available

- [x] Add CI

- [x] Add `codecov` for code coverage

## Release Notes

### 1.1.0

- Add support for convert to keyword color if available

### 1.0.1

- Fix code action incorrect appeared when cursor in the tail of line.

- Fix code action not appeared when cursor in color unit's function notation

- Fix the same color token in code actions which is need refactor.

### 1.0.0

Basic feature.

-----------------------------------------------------------------------------------------------------------

**Enjoy!**