Skip to main content

图片主色提取

rgbaster.js​

https://github.com/briangonzalez/rgbaster.js

如需要提取多个颜色 推荐 https://github.com/lokesh/color-thief

const img = document.querySelector("img");
RGBaster.colors(img, {
  //调色板大小,就是提取的样本,越大越精确,同时性能越差
  paletteSize: 30,
  //颜色排除
  exclude: ["rgb(255, 225,255)", "rgb(O.0.0)"],
  success: function (payload) {
    console.log("Dominant color:", payload.dominant); //提取出来的主色
    console.log("Secondary color:", payload.secondary); //次色
    console.log("Palette:", payload.palette); //调色板
  },
});