javascript - HSL 颜色到色素沉着

Question

我最近一直在开发一个颜色选择器应用程序，它允许用户选择颜色的色调、饱和度和亮度。在用户决定颜色后，我会为用户提供与所选颜色相匹配的不同配色方案。给出的一些配色方案是免费的、拆分免费的、三合会的、类似的等等。
例如:如果用户选择红色作为颜色，hsl(0, 100%, 50%)，以确定互补色，然后将 180 度添加到结果 (180, 100%, 50%) 的色调中，这将是青色的。对于类似的方案，我加 30 减 30，依此类推。一切都很好，直到我意识到这是网页颜色!
我仍将保留此功能，但现在我想创建类似于色素沉着的配色方案。例如在现实生活中，红色的互补色是绿色，而不是光的颜色中的青色。有人可以指出有关如何将 hsl 转化为色素沉着的资源吗？我怎样才能调整色调，使绿色与红色相反。

Answer 1

我在网上找到了一个能够将 RYB 与 RGB 相互转换的脚本。这是一个 link到脚本。

这样，很容易通过从 255 中减去分量来计算补色:

var color = [255, 0, 0],     //red in RYB
    complement = color.map(function(n){ return 255 - n; });  //green in RYB

ryb2rgb(complement);         //[0, 169, 51], which is green in RGB

演示:http://jsfiddle.net/DerekL/3m53wbsc/

使用RYB，很容易看出棕色是唯一没有补色的颜色。要将 HSL 转换为 RGB，请参阅此答案:https://stackoverflow.com/a/9493060/283863