https://github.com/dracotmolver/unit-converter

Convert some units used in CSS such as px, pt, %, em, hex and rgb.
https://github.com/dracotmolver/unit-converter

css css-units extension rgb unit-converter visual-studio-code-extension vscode-extension

Last synced: 5 days ago
JSON representation

Convert some units used in CSS such as px, pt, %, em, hex and rgb.

• Host: GitHub
• URL: https://github.com/dracotmolver/unit-converter
• Owner: DracotMolver
• License: mit
• Created: 2016-06-19T22:14:01.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2020-09-30T22:58:14.000Z (about 4 years ago)
• Last Synced: 2023-12-16T15:46:46.376Z (11 months ago)
• Topics: css, css-units, extension, rgb, unit-converter, visual-studio-code-extension, vscode-extension
• Language: JavaScript
• Homepage:
• Size: 2.51 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# UnitConverter

![logo](https://github.com/DracotMolver/UnitConverter/blob/master/images/unitimg.png)

[![Build Status](https://travis-ci.org/DracotMolver/unit-converter.svg?branch=master)](https://travis-ci.org/DracotMolver/unit-converter)

[![Visual Studio Marketplace](https://img.shields.io/vscode-marketplace/d/DiegoMolina.unitconverter.svg)](https://marketplace.visualstudio.com/items?itemName=DiegoMolina.unitconverter)

[![Visual Studio Marketplace](https://img.shields.io/vscode-marketplace/v/DiegoMolina.unitconverter.svg)](https://marketplace.visualstudio.com/items?itemName=DiegoMolina.unitconverter)

[![license:mit](https://img.shields.io/badge/license-mit-blue.svg)](https://opensource.org/licenses/MIT)

![Snyk Vulnerabilities for GitHub Repo](https://img.shields.io/snyk/vulnerabilities/github/DracotMolver/unit-converter)

## Just the rights units

Unit converter will work like this:




* From: **px** to **em** and **em** to **px**

* From: **Hex** ('#') to **rgb | rgba** and **rgb | rgba** to **Hex**

>**Important:** Don't remove the unit from the text you are selecting on the actived text editor. It's important to know from which unit are you going to convert.

The extension will work too with colors names such as **black**, **white**, **aquamarine**, **yellowgreen** and so on; converting all of them to their hexadecimal value




## How to

* **Setting the value**

To use **Unit Converter** you have to press down `F1` and type `unit converter`.

You will get a list of units (**px, em, #, rgb, rgba**). Then, it will appear an input box where you have to type or set the value to convert.

Finally, you will get a promptt with the new value.

![Unit Converter](images/unit-01.gif)

* **Selecting the value(s) from the text editor**

    There are several ways to select and convert one or more values. To make any of this way to work, you must select the `unit + value`

    * **One value**

    ![Unit Converter](images/unit-02.gif)

    

    * **Same values (two or more)**

    ![Unit Converter](images/unit-03.gif)

    * **Differents Values (Two or more)**

    ![Unit Converter](images/unit-04.gif)

    * **From a range of selected text**

    ![Unit Converter](images/unit-05.gif)