html - 为什么 HSL 值不是人们所期望的？

Question

由于 HSL vals 可能会在彩虹中循环，并且在那个众所周知的色调数组 (ROYGBIV) 中有 7 种基本颜色，每个颜色之间的距离，从 0 到 360，应该是 51 或 52。那么为什么这里的颜色与人们的预期不符？

HTML

<p class="red">rot</p>
<p class="orange">arnj</p>
<p class="yellow">yaller</p>
<p class="green">green</p>
<p class="blue">bloo</p>
<p class="indigo">indiglo</p>
<p class="violet">violence</p>

CSS

.red {
    color: hsl(0, 100%, 50%);
}
.orange {
    color: hsl(51, 100%, 50%);
}
.yellow {
    color: hsl(103, 100%, 50%);
}
.green {
    color: hsl(154, 100%, 50%);
}
.blue {
    color: hsl(206, 100%, 50%);
}
.indigo {
    color: hsl(257, 100%, 50%);
}
.violet {
    color: hsl(309, 100%, 50%);
}

参见 http://jsfiddle.net/NvTvr/

也许标准颜色彼此等距的假设是错误的；如果是这种情况(而且似乎是这样)，那么真蓝色(以及该团伙的其他成员)可接受的色调值是多少？

肉眼说橙色30左右，黄色60左右；其余的看起来还不错。

更新

这些值 (0,25,50,100,200,250,300) 更像是我听到这些颜色名称时的想法:

http://jsfiddle.net/NvTvr/2/

更新 2

我再次摆弄，这次使用 John 的值:http://jsfiddle.net/NvTvr/7/

Answer 1

由于 HSL 是 RGB 的衍生颜色模型，如果您查看 RGB 值可能会更清楚。

红色 255 0 0 (0° 100% 50%)
橙色 255 128 0 (30° 100% 50%)
黄色 255 255 0 (60° 100% 50%)
绿色 0 255 0 (120° 100% 50%)
蓝色 0 128 255 (210° 100% 50%) [对我来说蓝色是 RGB 0 0 255...]

靛蓝 - hm .. - 9 31 146 (230° 88% 30%)
紫色 143 0 255 (274° 100% 50%)

名称和相应的值也有历史背景。很早就有人试图给彩虹颜色命名。

彩虹包含了整个色谱。只是我们的视觉系统形成了独特的带。

你可以玩 hsl 颜色 here .