狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

十六進制顏色值轉rgb
Javascript顏色轉換的核心就是進制間的轉換。RGB格式其實就是十進制表示法，所以，十六進制顏色與RGB顏色的轉換就是十六進制與十進制之間的轉換。

十六進制轉換為十進制相對容易些，核心代碼如下示例：parseInt("0xFF")，其結果就是255，”0x”就表明當前是16進制，由于parseInt后面無參數，默認就是轉換為10進制了。

十進制轉換為16進制，核心代碼如下：var num=255; num.toString(16);，其結果是FF。”16″表示數值轉換為16進制字符串。

function colorRgba(str,n){
	//十六進制顏色值的正則表達式
	var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
	var sColor = str.toLowerCase();
	n= n||1;
	//十六進制顏色轉換為RGB格式
    if(sColor && reg.test(sColor)){
        let sColorChange=getRgbNum(sColor);
		return "rgba(" + sColorChange.join(",") + ","+n+")";
    }else{
        return sColor;
    }}function getRgbNum(sColor){
	if(sColor.length === 4){
       var sColorNew = "#";
       for(var i=1; i<4; i+=1){  //補全顏色值 例如：#eee,#fff等
           sColorNew += sColor.slice(i,i+1).concat(sColor.slice(i,i+1));
       }
       sColor = sColorNew;
    }
    //處理六位顏色值
    var sColorChange = [];
    for(var i=1; i<7; i+=2){
    //核心代碼，通過parseInt將十六進制轉為十進制，parseInt只有一個參數時是默認轉為十進制的，第二個參數則是指定轉為對應進制
      sColorChange.push(parseInt("0x"+sColor.slice(i,i+2)));
    }
    return sColorChange;}1234567891011121314151617181920212223242526272829

顏色加深或者顏色減淡
原理是通過對rgb數字進行加減來實現，因為rgb的r、g、b三個數的值越大，顏色越淺，最大為255，此時為白色，值越小，顏色越深，最小值為0，此時為黑色，所以若是顏色值為rgb可以直接加減，若為十六進制顏色值，則先轉為rgb,再加減

function LightDarkenColor(color, num) {
   let colorArr = getRgbNum(color);
   let sColorChange = [];
   for(var i=0;i<colorArr.length;i++){
   		let  val = colorArr[i]+num;
	    if(val<0){
	       val = 0;
	    }
	    if(val>255){
	    	val=255;
	    }
   		sColorChange.push(val)
   }
   return "rgba(" + sColorChange.join(",") + ",1)";}123456789101112131415

事實上colorRgba方法也具有顏色減淡功能，通過傳遞第二個參數（透明度）來側面實現顏色減淡效果。但不具備顏色加深效果。