首頁 > web前端 > js教程 > 主體

如何使十六進位顏色代碼變亮或變暗?

DDD
發布: 2024-11-08 05:06:01
原創
121 人瀏覽過

How to Lighten or Darken a Hex Color Code?

此程式碼範例示範了一個程序,該程式允許您將十六進位顏色變亮或變暗特定的量。您可以提供十六進位顏色作為字串,例如“3F6D2A”,以及一個表示您想要調整顏色的量的整數,無論是變亮還是變暗。

程式的工作原理如下:

  1. 它採用十六進位顏色字串並將其轉換為整數。
  2. 然後透過指定的數量,可以是正數使顏色變亮,也可以是負數使顏色變暗。
  3. 調整後的整數將使用特定公式轉換回十六進位顏色字串,以確保顏色保持在有效範圍內。

這是一個簡化的程式碼片段,解釋瞭如何完成顏色調整:

function LightenDarkenColor(col, amt) {
  col = parseInt(col, 16); // Convert hex color to integer
  col = col + amt; // Adjust the integer by the specified amount
  col = col.toString(16); // Convert the adjusted integer back to hex color
  return col;
}
登入後複製

在提供的函數中,有程式碼的多個版本,每個版本都有細微的差異。最顯著的差異是使用對數混合和線性混合的函數之間。與線性混合相比,對數混合通常會產生更微妙、更自然的顏色調整。

要使用該程序,您可以使用所需的十六進位顏色和調整量來呼叫 LightenDarkenColor 函數。例如,要將顏色「3F6D2A」減亮 40,您可以呼叫:

LightenDarkenColor("3F6D2A", 40)
登入後複製

這將傳回比原始顏色亮 40 個單位的新十六進位顏色。

以上是如何使十六進位顏色代碼變亮或變暗?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!