首页 >

css rgb转16进制 |infinite在css

class=ipt css,c treeview css样式,html标签 css样式,毛玻璃的css框架,css3animation安卓,写html文档css没反应,infinite在csscss rgb转16进制 |infinite在css
function rgbToHex(r, g, b) {
return "#" + ((1<< 24) + (r<< 16) + (g<< 8) + b).toString(16).slice(1);
}

上面的函数可以将RGB值表示为16进制。下面是具体实现方式的解释:

在函数中,大家首先将R、G、B三个值转化成一个数值。这一步的方法是:将1左移24位,再将R、G、B左移16、8、0位,然后将这4个数值进行或运算。

所以,如果R=255、G=0、B=0,那么RGB值就是16711680。这个数值可以使用toString(16)方法将它转化为16进制表示。但输出的结果是8位,大家需要将前两位的0去掉,所以使用slice(1)方法。

使用这个函数非常简单!

var redHex = rgbToHex(255, 0, 0);//#ff0000
var greenHex = rgbToHex(0, 255, 0);//#00ff00
var blueHex = rgbToHex(0, 0, 255);//#0000ff

通过这个函数,大家可以轻松地将RGB颜色值转化为CSS中常用的16进制表示!


css rgb转16进制 |infinite在css
  • css li标签图片居中 |css 显示动画效果
  • css li标签图片居中 |css 显示动画效果 | css li标签图片居中 |css 显示动画效果 ...

    css rgb转16进制 |infinite在css
  • 文字竖行怎么设置css |css移动文字位置
  • 文字竖行怎么设置css |css移动文字位置 | 文字竖行怎么设置css |css移动文字位置 ...

    css rgb转16进制 |infinite在css
  • css动画上下游动 |css3 宽高100%
  • css动画上下游动 |css3 宽高100% | css动画上下游动 |css3 宽高100% ...