A function to transform an hex color to its rgba equivalent

hexToRgba

// Depends on LoDash chunk function
import { chunk } from 'lodash';

const hexToRgba = (hex = '000000', alpha = 1) => {
  const hexChunkSize = hex.length / 3;
  const rgb = _.chunk(Array.from(hex.replace('#', '')), hexChunkSize)
    .map((chunk) => chunk.join(''))
    .map((hex) => parseInt(hex, 16))
    .join(',');

  return `rgba(${rgb},${alpha})`;
};