以编程方式使十六进制颜色变暗
以编程方式使十六进制颜色变暗的最简单方法是什么?
如果你不太在意太多的控制,只想要一个颜色通常较暗的版本,那么:
col = (col & 0xfefefe) >> 1;
将颜色值减半是一个不错的快速方法(假设它显然是按每个通道字节打包的)。
同样,更明亮的是:
col = (col & 0x7f7f7f) << 1;
将十六进制颜色转换为整数RBG组件:
#FF6600 = rbg(255, 102, 0)
如果你想让它变暗5%,那么简单地将所有整数值减少5%:
255 - 5% = 242
102 - 5% = 96
0 - 5% = 0
= rbg(242, 96, 0)
转换回十六进制颜色
= #F26000
在javascript中实现的功能:
// credits: richard maloney 2006
function getTintedColor(color, v) {
if (color.length >6) { color= color.substring(1,color.length)}
var rgb = parseInt(color, 16);
var r = Math.abs(((rgb >> 16) & 0xFF)+v); if (r>255) r=r-(r-255);
var g = Math.abs(((rgb >> 8) & 0xFF)+v); if (g>255) g=g-(g-255);
var b = Math.abs((rgb & 0xFF)+v); if (b>255) b=b-(b-255);
r = Number(r < 0 || isNaN(r)) ? 0 : ((r > 255) ? 255 : r).toString(16);
if (r.length == 1) r = '0' + r;
g = Number(g < 0 || isNaN(g)) ? 0 : ((g > 255) ? 255 : g).toString(16);
if (g.length == 1) g = '0' + g;
b = Number(b < 0 || isNaN(b)) ? 0 : ((b > 255) ? 255 : b).toString(16);
if (b.length == 1) b = '0' + b;
return "#" + r + g + b;
}
例:
> getTintedColor("ABCEDEF", 10)
> #c6f7f9
链接地址: http://www.djcxy.com/p/87405.html