react-linear-gradient-picker/src/lib/colors/hexToRgb/index.ts

React linear gradient picker

import { Color } from '../../../types';

export const hexRegExp = new RegExp(/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i);
export const sortHexRegExp = new RegExp(/^#?([a-f\d])([a-f\d])([a-f\d])$/i);

const formatHexNumber = (item: string): number => parseInt(item.repeat(3 - item.length), 16);

/**
 * Converts a hex color string into rgb
 * @param hex - Hex color string
 * @param opacity - The opacity to use
 * @returns RGB color object or undefined if invalid hex
 */
const hexToRgb = (hex: string, opacity: number = 1): Color | undefined => {
  const result = hexRegExp.exec(hex) || sortHexRegExp.exec(hex);

  return result
    ? {
        r: formatHexNumber(result[1]),
        g: formatHexNumber(result[2]),
        b: formatHexNumber(result[3]),
        a: opacity,
      }
    : undefined;
};

export default hexToRgb;