首頁 > web前端 > js教程 > jQuery將RGB轉換為十六進制顏色值

jQuery將RGB轉換為十六進制顏色值

尊渡假赌尊渡假赌尊渡假赌
發布: 2025-03-03 00:42:10
原創
486 人瀏覽過

jQuery Convert RGB to Hex Colour Values

>本文介紹了將RGB顏色值轉換為十六進制(HEX)值的JavaScript和PHP功能,反之亦然。 當使用jQuery動態操縱HTML顏色時,這特別有用。

rgb到十六進制轉換(JavaScript-方法1):>

function rgb2hex(rgb){
  rgb = rgb.match(/^rgb\((\d+),(\d+),(\d+)\)$/);
  return "#" +
   ("0" + parseInt(rgb[1],10).toString(16)).slice(-2) +
   ("0" + parseInt(rgb[2],10).toString(16)).slice(-2) +
   ("0" + parseInt(rgb[3],10).toString(16)).slice(-2);
}
登入後複製
rgb到十六進制轉換(JavaScript-方法2):

> 此方法使用輔助功能以提高可讀性和可維護性。

hex到RGB轉換(JavaScript):

>
function RGB2Color(r,g,b) {
  return '#' + byte2Hex(r) + byte2Hex(g) + byte2Hex(b);
}

function byte2Hex (n) {
  var nybHexString = "0123456789ABCDEF";
  return String(nybHexString.substr((n >> 4) & 0x0F,1)) + nybHexString.substr(n & 0x0F,1);
}
登入後複製
此功能需要改進才能正確處理

組件。

hex到RGB轉換(PHP):

> g

function hexToRgb(h) {
    var r = parseInt((cutHex(h)).substring(0,2),16);
    var g = parseInt((cutHex(h)).substring(2,4),16);
    var b = parseInt((cutHex(h)).substring(4,6),16);
    return r + ',' + g + ',' + b; //Corrected return statement
}

function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h}

//usage
console.log(hexToRgb("#FFFFFF"));
登入後複製
>經常詢問問題(常見問題解答):

> FAQS部分在很大程度上保持不變,因為所提供的信息是準確且相關的。 考慮添加如何在jQuery上下文中使用提供的功能來增強文章的實際價值的示例。

以上是jQuery將RGB轉換為十六進制顏色值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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