十进制RGB颜色和十六进制颜色转化

2025-09-28 02:46:08

1、RGB颜色转化为16进制颜色:

//十进制转化为16进制

 function hex(x){

   return ("0" + parseInt(x).toString(16)).slice(-2);

}

//RGB颜色转为十六进制颜色

function RGB2HEX(rgb){

   rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);  

  return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);

}

2、调用方法:

RGB2HEX("rgb(255,255,255)");

输出结果:#ffffff

RGB2HEX("rgb(25,25,25)");

输出结果:#191919

1、16进制颜色转化为RGB颜色:

//十六进制数字转化为十进制数字function HEX2DEC(hex){

  return parseInt(hex,16).toString();

}

//十六进制颜色转化为RGB颜色function HEX2RGB(hex){

   hex = hex.substring(1);

   if(hex.length === 3){

      hex += hex;

   }  return "rgb("+HEX2DEC(hex.substring(0,2))+","+HEX2DEC(hex.substring(2,4))+","+HEX2DEC(hex.substring(4))+")";

}

2、调用方法:

HEX2RGB("#FFFFFF");

输入结果:rgb(255,255,255)

HEX2RGB("#666");

输入结果:rgb(102,102,102)

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢