@planjs/utils/es/dom/color.js

🔧 Common tools collection

import { isDigit } from '../is';
/**
 * hex color 转化为 rgba
 * @param hex
 * @param opacity
 * https://stackoverflow.com/questions/21646738/convert-hex-to-rgba
 * @category Dom
 * TODO support hex8
 */

export function hexColorToRgba(hex, opacity) {
  var c;

  if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
    c = hex.substring(1).split('');

    if (c.length === 3) {
      c = [c[0], c[0], c[1], c[1], c[2], c[2]];
    }

    c = '0x' + c.join('');

    if (!isDigit(opacity)) {
      return "rgb(".concat([c >> 16 & 255, c >> 8 & 255, c & 255].join(','), ")");
    }

    return "rgba(".concat([c >> 16 & 255, c >> 8 & 255, c & 255].join(','), ",").concat(opacity, ")");
  }

  throw new Error('Bad Hex');
}
/**
 * rgba color 转化为 hex
 * @param rgba
 */

export function rgbaColorToHex(rgba) {
  if (!/^rgb/.test(rgba)) {
    throw new Error('Bad rgba');
  }

  var inParts = rgba.replace(/^rgba?\(|\s+|\)$/g, '').split(',');
  var r = parseInt(inParts[0], 10),
      g = parseInt(inParts[1], 10),
      b = parseInt(inParts[2], 10),
      a = inParts.length === 4 ? parseFloat(inParts[3]).toFixed(2) : null;
  var outParts = [r.toString(16), g.toString(16), b.toString(16)];

  if (a !== null) {
    outParts.push( // @ts-ignore
    Math.round(a * 255).toString(16).substring(0, 2));
  } // Pad single-digit output values


  outParts.forEach(function (part, i) {
    if (part.length === 1) {
      outParts[i] = '0' + part;
    }
  });
  return '#' + outParts.join('');
}