前言

本文主要給大家介紹的是關于利用javascript獲取任意顏色更亮或更暗顏色值的相關內(nèi)容，下面話不多說，來一起看看詳細的介紹：

預處理CSS，比如Sass和less可以通過設定一個特定值，讓任何顏色變得更亮或者更暗。但是在javascript中卻沒有這種方法。下面這個方法能在javascript中得到一個更亮或者更暗的值，通過一個給定的十六進制顏色值（比如#F06D06,或者沒有#）

示例代碼

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); }

// Lightenvar NewColor = LightenDarkenColor("#F06D06", 20); // Darkenvar NewColor = LightenDarkenColor("#F06D06", -20); 

總結

以上就是這篇文章的全部內(nèi)容，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對錯新站長站的支持。