这些颜色有什么共同点？
我会拍的。您显示的颜色没有什么独特之处 - 它们相似，因为它们都落在饱和度和亮度的小范围内，但它们没有相似的色调或色调，并且它们没有任何特定的色彩和谐。（至少我知道）
作为一个思想实验，我将采用您提供的相同颜色并将所有色调值旋转 45 度。
所以现在我们的颜色与以前的颜色具有相同的饱和度和亮度，但是我们改变了色调。
正如你所看到的，第一种颜色和第二种颜色之间在技术上存在相同数量的关系，它们不适合特别的颜色和谐，老实说，我说第一种颜色与我说第二种颜色相关一样不舒服有关的。
您最好从已知的颜色和谐中创建，例如四边形颜色和谐。这些也更容易以编程方式更改，因为它们基于颜色之间的偏移色调变化。在生成十六进制代码方面，您需要创建一个将 hsl 值转换为十六进制的算法，或者简单地使用 CSS 中支持的 hsl，尽管您在 IE8 及以下版本中存在问题。（有提供支持的 polyfill，可以通过 google 搜索找到）
从视觉上看，屏幕截图中的所有颜色似乎都具有相当相似的亮度和饱和度。它们并不完全相同，但它们非常接近。
从RGB甚至HSL/HSV表示的颜色不一定很明显的一个原因是，即使是 HSL/HSV 也是一个相当不均匀的颜色空间：具有相同 HSL“亮度”值的颜色可能有很大的不同明显的亮度取决于它们的色调，反之亦然。
由于您拥有的原始 RGB 颜色值很可能是gamma 编码的，因此问题更加复杂，并且首先必须将其转换为线性颜色空间，然后才能对它们进行任何有用的比色测量。
如果您想找到与原始颜色具有相似感知亮度和饱和度的其他颜色，您基本上有两种选择：
只看一眼。从简单的 HSL/HSV 表示开始，将色调值更改为您想要的，然后手动调整亮度和饱和度，直到看起来不错。我怀疑这是调色板的原始设计师所做的。
将颜色转换为像CIECAM02一样的感知均匀颜色空间（在 gamma 解码后，如有必要），并在该颜色空间中旋转色调。这应该使结果需要更少的手动调整，但不幸的是需要找到一些支持这种颜色模型的软件（或者自己进行相当重要的数学运算）。
