In color theory，要得到shade的颜色，你需要降低它的亮度，要得到tint的颜色，你需要增加它的亮度。我创建了a library，它允许你使用HSL颜色模型。有了这个颜色模型，你可以选择一个基色，然后改变它的色调，亮度，或者饱和度。这里你有一些类似于你使用getTints方法的目的：

const { ColorTranslator } = colortranslator;
const container = document.querySelector("#container");
const tints = ColorTranslator.getTints("#93625D", 15);

tints.forEach((c) => {
  const box = document.createElement("div");
  box.style.backgroundColor = c;
  container.appendChild(box);
});

console.log(JSON.stringify(tints));

html,
body {
  height: 100%;
}

#container {
  display: flex;
  height: 100%;
}

#container div {
  height: 100%;
  width: 100%;
}

<script src="https://unpkg.com/colortranslator@1.10.1/web/colortranslator.js"></script>

<div id="container">
</div>

下面是另一个示例，它同时更改颜色的饱和度和亮度，以获得每个饱和度的所有色调：
一个一个三个一个一个一个一个一个四个一个一个一个一个一个五个一个

你是说像这样的东西吗？

var r = 40 % 256;
var g = 40 % 256;
var b = 50 % 256;
var result = [];

for(var i = 0; i < 7; i++)
{
    r += 33;
    g += 33;
    b += 33;
    result.push(r + "," + g + "," + b);
}
  
console.log(result);