怎么用javascript獲取任意顏色的更亮或更暗顏色值

這篇文章主要介紹了怎么用javascript獲取任意顏色的更亮或更暗顏色值，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營(yíng)銷(xiāo)，提供網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)站開(kāi)發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營(yíng)銷(xiāo)、微信小程序開(kāi)發(fā)、公眾號(hào)商城、等建站開(kāi)發(fā)，成都創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)策劃專(zhuān)家，為不同類(lèi)型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。

示例代碼

function LightenDarkenColor(col, amt) {
 
 var usePound = false;
 
 if (col[0] == "#") {
 col = col.slice(1);
 usePound = true;
 }
 
 var num = parseInt(col,16);
 
 var r = (num >> 16) + amt;
 
 if (r > 255) r = 255;
 else if (r < 0) r = 0;
 
 var b = ((num >> 8) & 0x00FF) + amt;
 
 if (b > 255) b = 255;
 else if (b < 0) b = 0;
 
 var g = (num & 0x0000FF) + amt;
 
 if (g > 255) g = 255;
 else if (g < 0) g = 0;
 
 return (usePound?"#":"") + (g | (b << 8) | (r << 16)).toString(16);
 
}

// Lighten
var NewColor = LightenDarkenColor("#F06D06", 20); 

// Darken
var NewColor = LightenDarkenColor("#F06D06", -20);

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“怎么用javascript獲取任意顏色的更亮或更暗顏色值”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

本文名稱(chēng)：怎么用javascript獲取任意顏色的更亮或更暗顏色值
網(wǎng)頁(yè)路徑：http://bm7419.com/article40/jdddho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、商城網(wǎng)站、網(wǎng)站排名、網(wǎng)站設(shè)計(jì)公司、云服務(wù)器、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)