function changeColor(value) {if (/rgba?/.test(value)) {var array = value.split(",");//不符合rgb或rgb規(guī)則直接returnif (array.length < 3)return "";value = "#";for (var i = 0, color; color = array[i++];) {if(i < 4){//前三位轉(zhuǎn)換成16進制color = parseInt(color.replace(/[^\d]/gi, ''), 10).toString(16);value += color.length == 1 ? "0" + color : color;}else{//rgba的透明度轉(zhuǎn)換成16進制color = color.replace(')', '')var colorA = parseInt(color*255);var colorAHex = colorA.toString(16);value += colorAHex;}}value = value.toUpperCase();}return value;}// 函數(shù)調(diào)用var hexcolor1= changeColor('rgb(255,255,0)');console.log(hexcolor1); //#FFFF00var hexcolor2= changeColor('rgba(255,255,0,1)');console.log(hexcolor2); //#FFFF00FF

這個轉(zhuǎn)換難點在rgba的A透明度是0-1的數(shù)字，而前邊的R、G、B都是0-255的數(shù)字，所以說前邊的三個都可以直接由十進制轉(zhuǎn)換成十六進制，而透明度只能是0%-100%對應的0-255的數(shù)字，再轉(zhuǎn)換成十六進制。

以下為大概的對應數(shù)：

?

總結(jié)

以上是生活随笔為你收集整理的rgb、rgba转换成hex格式的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。