Javascript/jQuery 插件到插件以更改边框颜色，相对于元素的背景颜色

Question

在我的应用程序中，我希望用户为要在日历上显示的元素选择基色。根据用户选择的基色，我需要能够自动设置合适的边框颜色和合适的文本颜色。

当我的意思是适当的时候，我的意思是边框的颜色较深或阴影变化

是否已经有任何 jquery 插件可以执行此操作，或者是否有任何其他 javascript 库的插件？

如果没有，人们可以提供有关如何进行计算的建议吗？我在色彩理论方面经验不多。

谢谢。

Answer 1

你可以试试这个:

http://www.javascriptrules.com/2009/08/05/css-color-brightness-contrast-using-javascript/

或者你可以试试这个片段:

function lighten(color, factor) {
    factor = factor || 0.4;
    var lighter = '#';
    for(var i = 1; i < 6; i += 2) {
        var part = parseInt(color.substr(i, 2), 16);
        part += Math.round((255 - part) * 0.4);
        lighter += (part < 16 ? '0' : '') + part.toString(16);
    }
    return lighter;
}
lighten('#ececec'); // returns '#f4f4f4'

或使用此代码段:

function LightenColor(rgbtext, delta) {
      var r, g, b, txt;
      r= parseInt(rgbtext.substr(1, 2), 16),
      g= parseInt(rgbtext.substr(3, 2), 16),
      b= parseInt(rgbtext.substr(5, 2), 16),

      r+= delta;  if (r> 255) r= 255;  if (r< 0) r= 0;
      g+= delta;  if (g> 255) g= 255;  if (g< 0) g= 0;
      b+= delta;  if (b> 255) b= 255;  if (b< 0) b= 0;
      txt= b.toString(16);       if (txt.length< 2) txt= "0"+ txt;
      txt= g.toString(16)+ txt;  if (txt.length< 4) txt= "0"+ txt;
      txt= r.toString(16)+ txt;  if (txt.length< 6) txt= "0"+ txt;

      return "#"+ txt;
    }
    function DarkenColor(rgbtext, delta) {
      return LightenColor(rgbtext, delta* -1);
    }
LightenColor('#AF0000', 50);
DarkenColor('#AF0000', 50);