js 判断颜色是否为深色 阀值

源于碰到个很有意思的需求,商品属性搜索要求颜色用色块显示,然后勾选的时候深色的色块需要用浅色的勾

/获取RGB值 颜色深用白色 颜色浅则用黑色


var RgbValue = this.style.backgroundColor.replace("rgb(", "").replace(")", "");


var RgbValueArry = RgbValue.split(",");

var $grayLevel = RgbValueArry[0] * 0.299 + RgbValueArry[1] * 0.587 + RgbValueArry[2] * 0.114;

$this.addClass("color_curr");

if ($grayLevel >= 192) {
  $this.html('<p class="fa fa-check color_black"></p>');
} else {
  $this.html('<p class="fa fa-check color_withe"></p>');
}

posted @ 2017-02-24 11:31  imfrank  阅读(5441)  评论(0编辑  收藏  举报