如何以编程方式调亮或调暗十六进制颜色、处理 RGB 颜色以及将颜色混合在一起？

以编程方式使十六进制颜色（或 RGB 和混合颜色）变亮或变暗

问题

目标是创建一个函数，可以将十六进制颜色变亮或变暗特定量。此外，您想要处理 RGB 颜色并将颜色混合在一起。

解决方案

<code class="javascript">function LightenDarkenColor(col, amt) {
  col = parseInt(col, 16);
  return (((col & 0x0000FF) + amt) | ((((col >> 8) & 0x00FF) + amt) > 16) + amt) <h3 id="说明">说明</h3>
<p>此函数的工作原理是将十六进制颜色转换为整数，然后添加或减去每个 RGB 通道的指定数量，然后将结果转换回十六进制颜色。</p>
<h3 id="增强">增强</h3>
<p>要增强功能，您可以添加错误处理和对不同颜色的支持颜色格式（RGB、HSL）。您还可以通过传入第二个颜色参数来添加将颜色混合在一起的功能。</p>
<h3 id="这是改进版本">这是改进版本：</h3>
<pre class="brush:php;toolbar:false"><code class="javascript">function pSBC(p, c0, c1, l) {
  let r, g, b, P, f, t, h, i = parseInt;
  if (typeof(p) != "number" || p  1 || typeof(c0) != "string" || (c0[0] != 'r' && c0[0] != '#') || (c1 && !a)) return null;
  if (!this.pSBCr) this.pSBCr = (d) => {
    let n = d.length, x = {};
    if (n > 9) {
      [r, g, b, a] = d = d.split(",");
      n = d.length;
      if (n  4) return null;
      x.r = i(r[3] == "a" ? r.slice(5): r.slice(4), 16);
      x.g = i(g);
      x.b = i(b);
      x.a = a ? parseFloat(a) : -1;
    } else {
      if (n == 8 || n == 6 || n  4 ? d[4] + d[4] : "");
      d = i(d.slice(1), 16);
      if (n == 9 || n == 5) x.r = d >> 24 & 255, x.g = d >> 16 & 255, x.b = d >> 8 & 255, x.a = m((d & 255) / 0.255) /1000;
      else x.r = d >> 16, x.g = d >> 8 & 255, x.b = d & 255, x.a = -1;
    }
    return x;
  };

  h = c0.length > 9;
  h = a ? c1.length > 9 ? true : c1 == "c"?!h : false : h;
  f = this.pSBCr(c0);
  P = p = 0 || t >= 0, a = f ? a <p>此改进版本包括以下功能：</p>
<ul>
<li>
<strong>错误处理：</strong>函数检查无效输入，如果输入无效则返回 null。</li>
<li>
<strong>支持不同的颜色格式：</strong>函数支持十六进制、RGB 和 RGBA 颜色格式。</li>
<li>
<strong>颜色混合：</strong>您可以通过传入第二个颜色参数将两种颜色混合在一起。</li>
<li>
<strong>线性或对数Blending:</strong>可以通过传入第四个参数来指定是使用线性还是对数混合。</li>
<li>
<strong>Alpha通道支持:</strong>函数支持Alpha通道，可以混合Alpha通道混合颜色时一起。</li>
</ul></code>

以上是如何以编程方式调亮或调暗十六进制颜色、处理 RGB 颜色以及将颜色混合在一起？的详细内容。更多信息请关注PHP中文网其他相关文章！