https://github.com/0xdaksh/vscode-hex-to-rgba

Hex-to-RGBA Allows designers to convert selected Hex Code to RGBA on VSCode easily.
https://github.com/0xdaksh/vscode-hex-to-rgba

designers hex-to-rgba javascript typescript vscode

Last synced: about 2 months ago
JSON representation

Hex-to-RGBA Allows designers to convert selected Hex Code to RGBA on VSCode easily.

• Host: GitHub
• URL: https://github.com/0xdaksh/vscode-hex-to-rgba
• Owner: 0xDaksh
• Created: 2017-10-18T14:19:47.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-25T15:01:25.000Z (almost 2 years ago)
• Last Synced: 2024-08-05T11:12:17.267Z (5 months ago)
• Topics: designers, hex-to-rgba, javascript, typescript, vscode
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=dakshmiglani.hex-to-rgba
• Size: 168 KB
• Stars: 11
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# Hex-To-RGBA Extension

![Visual Studio Marketplace Downloads](https://img.shields.io/visual-studio-marketplace/d/dakshmiglani.hex-to-rgba?style=for-the-badge)

![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/dakshmiglani.hex-to-rgba?style=for-the-badge)

![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/dakshmiglani.hex-to-rgba?style=for-the-badge)

![Visual Studio Marketplace Rating (Stars)](https://img.shields.io/visual-studio-marketplace/stars/dakshmiglani.hex-to-rgba?style=for-the-badge)

> Hex-to-RGBA Allows designers to convert selected Hex Code to RGBA and vice-versa.

![demo gif](https://i.imgur.com/SBRSu4B.gif)

### Shortcuts

#### converts selected text to RGBA

  - Windows/Linux: `ctrl-alt-r`

  - MacOS: `cmd-alt-r`

#### converts selected text to HEX

  - Windows/Linux: `ctrl-alt-h`

  - MacOS: `cmd-alt-h`

#### Toggle between hex and rgba

  - Windows/Linux: `ctrl-shift-t`

  - MacOS: `ctrl-shift-t`

*Awesome Tip*: Postfix the opacity to the hex followed by `_` to add the opacity to the converted rgba.

Example:

`#333333_86` to generate `rgba(51, 51, 51, 0.86)`.

----