hex-alpha/utils.js

A really simple package that enables you to specify an opacity for your HEX colours.

/**
 * @param {string} input - A color in hexadecimal syntax. e.g. #fa6d01
 * @returns {{ r: string, g: string, b: string }}
 */
const hexToRGB = input => {
  let hex = input;

  if (hex.length === 4) {
    hex = hex[0] + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3];
  }

  return {
    r: parseInt(hex.substring(1, 3), 16),
    g: parseInt(hex.substring(3, 5), 16),
    b: parseInt(hex.substring(5, 7), 16)
  };
};

const formatRGB = ({ r, g, b }) => `rgb(${r},${g},${b})`;
const formatRGBA = ({ r, g, b }, a) => `rgba(${r},${g},${b},${a})`;

module.exports = { hexToRGB, formatRGB, formatRGBA };