html - HSL の値が期待どおりでないのはなぜですか?

Question

HSL 値はおそらく虹の中を循環し、色相のことわざの配列 (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

今回はジョンの値を使用して、もう一度いじりました：http://jsfiddle.net/NvTvr/7/