如何建立两个HEX颜色之间的差异？ [英] How can I establish the difference between two HEX colours?

问题描述

我需要能够提取两种十六进制颜色之间的不同，表示为十六进制颜色，以便以后使用LESS来组合它们。

I need to be able to extract the different between two hex colours, represented itself as a hex colour, in order to combine them at a later point using LESS.

理想情况下，这将在javascript中工作

Ideally, this would work in javascript

推荐答案

如果你想要一个完整的Javascript解决方案：

If you want a full Javascript solution :

function parseHexColor(c) {
  var j = {};

  var s = c.replace(/^#([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})([0-9A-Fa-f]{2})$/, function(_, r, g, b) {
    j.red = parseInt(r, 16);
    j.green = parseInt(g, 16);
    j.blue = parseInt(b, 16);

    return "";
  });

  if(s.length == 0) {
    return j;
  }
};

function colorDifference(a, b) {
  var a = parseHexColor(a);
  var b = parseHexColor(b);

  if(typeof(a) != 'undefined' && typeof(b) != 'undefined') {
    return "#" + (a.red - b.red).toString(16) + (a.green - b.green).toString(16) + (a.blue - b.blue).toString(16);
  }
};

尝试自己：

colorDifference('#FFFFFF', '#AABBCC'); // returns : "#554433"

这篇关于如何建立两个HEX颜色之间的差异？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！