hext

Get hex colors with transparency based on opacity percentage. Wow! No more rgb mixed with hex!

npm install @davealdon/hext or yarn add @davealdon/hext

Then pass your hex color (string), and the percentage (number):

import { hext } from '@davealdon/hext';

const hexColor = hext('#ff0000', 30);

console.log(hexColor); // #ff00004D

This will output the color with the transparency code tacked onto the end. It's pretty simple!

There's are a couple more functions available to you that hext uses to output the whole color code:

function	usage	description
hext	`hext('#ff0000', 30) // #ff00004D`	Returns entire hex code with transparency
transparencyToHex	`transparencyToHex(30) // 4D`	Returns only the transparency code. Does not include hash
convertToSixDigitHex	`convertToSixDigitHex("ff0") // ffff00`	Converts a shorthand hex code and returns the full 6 character code. Does not include hash

@davealdon/hext