首頁 > web前端 > js教程 > 如何以程式方式調整十六進位或 RGB 顏色的明度/暗度?

如何以程式方式調整十六進位或 RGB 顏色的明度/暗度?

Linda Hamilton
發布: 2024-11-06 03:02:02
原創
835 人瀏覽過

How to Programmatically Adjust the Lightness/Darkness of a Hex or RGB Color?

如何以程式調整十六進位或RGB 顏色的明度/暗度

此函數pSBC 提供了一種通用的方法來調整亮度/黑暗或輕鬆混合兩種顏色。以下是其工作原理的詳細說明:

功能:

  • 輸入類型:接受十六進位和RGB 網路顏色格式。
  • 混合:可以將兩種顏色以指定的百分比混合在一起。
  • 陰影:以百分比值變亮或變暗顏色。
  • 十六進位/RGB 轉換: 根據需要自動在十六進位和 RGB 格式之間轉換。
  • Alpha 通道處理: 支援透明顏色的 Alpha 通道。
  • 速度: 針對快速效能進行了最佳化,尤其是動畫。

用法:

要使用pSBC,請傳入以下參數:

  • p:亮度/暗度調整或混合的百分比(範圍:-1 到1)。
  • c0:以字串格式輸入顏色(例如,"#3F6D2A"" 或"rgb(20,60,200)")。
  • c1(可選):要混合的顏色(與c0 格式相同)。 (false)。 🎜>範例:
Lightening/變暗:

將#3F6D2A 變暗 40%:pSBC(0.4, "#3F6D2A") → #679D47

將 #F3A 變暗 40%:pSBC(-0.4) , "#F3A") → #c62884

混合:

    混合#2060200 和#2060200 50% 重疊: pSBC(-0.5 00" 2060200") → #143014
  • 以70% 重疊混合#2060200 和#2006020:pSBC(0.7, "#2060200", "#2006020") → #164C0F進位/RGB轉換:

將 #3F6D2A 轉換為 RGB:pSBC(0, "#3F6D2A", "c") → rgba(63 , 109, 42, 1)

  • 注意:
  • 為了獲得最佳性能,如果不需要錯誤檢查和其他功能,請使用提供的微函數。 ,並提供最大的速度和尺寸效率。

以上是如何以程式方式調整十六進位或 RGB 顏色的明度/暗度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板