白色用rgba怎么设置html,在白色上将RGB转换为RGBA

我有一个十六进制颜色，例如#F4F8FB(或rgb(244, 248, 251))，我想将其转换为尽可能透明的

rgba颜色(当显示为白色时)。合理？我正在寻找一种算法，或者至少是关于一种算法的构想。

例如：

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

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

有想法吗？

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

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)'

}

白色用rgba怎么设置html,在白色上将RGB转换为RGBA相关推荐

html 白色用rgba,javascript – 将RGB转换为RGBA白色
我有一个十六进制颜色,例如. #F4F8FB(或rgb(244,248,251)),我想将其转换为透明的可能的rgba颜色(当显示为白色时).合理?我正在寻找一个算法,或至少想法的算法,如何做到这一点 ...
白色用rgba怎么设置html,转换RGB到RGBA的白色
Mark Kahn提出了一个问题:Convert RGB to RGBA over white,或许与您遇到的问题类似. 回答者Guffa给出了该问题的处理方式: Take the lowest co ...
苹果圆圈怎么设置_苹果手机白色圆圈怎么弄
众多的手机品牌中,苹果手机是当之无愧的领导者,苹果在设计和功能上确实都有过人之处,就好比屏幕下方中央的圆形按钮,也就是人们常说的home键,它非常提升整个手机的质感,但是同时存在着缺陷,就是经常按压这 ...
白色在html中怎么写,html如何设置文字颜色白色
html设置文字颜色白色的方法:1.通过外部CSS样式来设置:2.通过内部CSS样式来设置,代码为[style="color:white;font-size:25px]:3.通过font标签 ...
CSS 的 rgb() 和 rgba() 函数（设置颜色的方式之一）
一.CSS中设置颜色的四种方式: 值描述 color_name 规定颜色值为颜色名称的颜色(如:yellow黄色) hex_number 规定颜色值为16进制颜色值(比如:#ff0000) rgb_ ...
html中rgba灰色怎么写,rgba中的a是什么意思 CSS之RGBA颜色指南
RGBA是一种可以设置颜色值和透明度的CSS颜色下面是用rgba() 设置50%透明度的白色. p { color: rgba(255, 255, 255, 0.5); } RGBA是RGB色彩模型 ...
CSS 中的 HSL 和 HSLA 与 RGB 和 RGBA
CSS 中的 HSL 颜色已经存在了十多年,但我发现它们仍然经常未被充分利用. 尽管它非常实用,但由于浏览器支持有限,许多开发人员避免使用 HSL CSS 功能. 随着浏览器对 HSL 颜色模型的支持 ...
rgba背景是黑灰色html,IE8下兼容rgba颜色的半透明背景_html/css_WEB-ITnose
在工作中做一个图片半透明遮罩时发现在IE8下不兼容一查再知道IE8不支持rgba颜色,再搜搜兼容性方法,没想到这么快就解决了. 先说说rgba的含义: r代表red,g代表green,b代表blue ...
pandas使用read_csv读取文件数据、设置converters参数将百分比字符串转换为数字
pandas使用read_csv读取文件数据.设置converters参数将百分比字符串转换为数字目录 pandas使用read_csv读取文件数据.设置converters参数将百分比字符串转换为 ...
python使用matplotlib可视化、使用英文单次或者缩写指定使用的颜色、使用16进制的RGB字符串指定颜色、使用RGB或者RGBA数字元组指定颜色
python使用matplotlib可视化.使用英文单次或者缩写指定使用的颜色.使用16进制的RGB字符串指定颜色.使用RGB或者RGBA数字元组指定颜色目录

白色用rgba怎么设置html,在白色上将RGB转换为RGBA

白色用rgba怎么设置html,在白色上将RGB转换为RGBA相关推荐

最新文章

热门文章