我有一個(gè)十六進(jìn)制顏色，例如。 #F4F8FB(或rgb(244，248，251))，我想將其轉(zhuǎn)換為透明的可能的rgba顏色(當(dāng)顯示為白色時(shí))。合理？我正在尋找一個(gè)算法，或至少想法的算法，如何做到這一點(diǎn)。

例如：

rgb( 128, 128, 255 ) --> rgba( 0, 0, 255, .5 )

rgb( 152, 177, 202 ) --> rgba( 50, 100, 150, .5 ) // can be better(lower alpha)

想法？

FYI解決方案基于Guffa的答案：

function RGBtoRGBA(r, g, b){

if((g == null) && (typeof r === 'string')){

var hex = r.replace(/^\s*#|\s*$/g, '');

if(hex.length === 3){

hex = hex.replace(/(.)/g, '$1$1');

}

r = parseInt(hex.substr(0, 2), 16);

g = parseInt(hex.substr(2, 2), 16);

b = parseInt(hex.substr(4, 2), 16);

}

var min, a = (255 - (min = Math.min(r, g, b))) / 255;

return {

r : r = 0|(r - min) / a,

g : g = 0|(g - min) / a,

b : b = 0|(b - min) / a,

a : a = (0|1000*a)/1000,

rgba : 'rgba(' + r + ', ' + g + ', ' + b + ', ' + a + ')'

};

}

RGBtoRGBA(204, 153, 102) == RGBtoRGBA('#CC9966') == RGBtoRGBA('C96') ==

{

r : 170,

g : 85 ,

b : 0 ,

a : 0.6,

rgba : 'rgba(170, 85, 0, 0.6)'

}

總結(jié)

以上是生活随笔為你收集整理的html 白色用rgba,javascript – 将RGB转换为RGBA白色的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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