また、Three.jsを使ってマンセル色立体をマウス操作で拡大回転等の操作ができます。
また、Three.jsで色立体を作成していますが、かなり重い処理ですのでご了承願います。
webGLを使用していますのでブラウザによっては動作しません。

マンセル色立体

マンセル値をThree.jsを使用して3D表示してみました。
図上でマウスのボタンを押しながら移動させたり、マウスホイールを回すと方向や大きさが変わります。
自動回転にチェックを入れると自動的に回転します。
ブラウザの表示倍率により図の解像度が最適な値となるように調整しています。
ページを印刷したい場合は、ページ左上部の印刷用ウィンドウを開くをクリックして印刷用のウィンドウを表示させることができます。このウィンド上は通常の3倍の解像度で表示されますので、印刷に適しています。

自動回転