如何以程式設計方式調亮或調暗十六進位顏色、處理 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中文網其他相關文章！