Skip to content

An atom module that allows designers to convert hex code to rgba easily.

License

Notifications You must be signed in to change notification settings

0xDaksh/hex-to-rgba

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

hex-to-rgba package

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

Shortcuts

converts selected text to RGBA

  • Windows/Linux: ctrl-alt-h
  • MacOS: cmd-shift-c

Pro 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).


A screenshot of Hex-to-RGBA

Using some pro-shortcuts

Tests

background: #ffb300;
background: #ffb8f0_29;
background: #000_52;
background: #333333_19;
background: #000000_6;
background: #fff_96;
background: #e3e3e3;
background: #eee_08;
background: #f3f3f3_81;

\\ above tests simultaneously converted to:

background: rgba(255, 179 ,0, 1);
background: rgba(255, 184 ,240, 0.29);
background: rgba(0, 0 ,82, 0.52);
background: rgba(51, 51 ,51, 0.19);
background: rgba(0, 0 ,0, 0.6);
background: rgba(255, 15 ,150, 0.96);
background: rgba(227, 227 ,227, 1);
background: rgba(238, 14 ,8, 0.08);
background: rgba(243, 243 ,243, 0.81);

About

An atom module that allows designers to convert hex code to rgba easily.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published