RGB → HSL 勘違いしていたかも

色 ＞ 色変換

R(H=0°)と決まっているの？

　状態:未解決 　閲覧数:2,511 　投稿日:2016-06-02 　更新日:2016-06-02
R(H=0°)と決まっているわけではないと書いたが、もしかすると誤りかもしれない

Wikipedia記載内容が他と異なるのは？
・RGB何れかの最大値ではなく、最小値から求めているから

「正六面体で構成されるRGB」を、「HSL水平断面図である正六角形」へ再構成する際、R(H=0°)と決まっているわけではない

　閲覧数:723　投稿日:2016-05-31　更新日:2016-06-15

RGB各成分を下記角度で配置


Rを0°ではなく180°と仮定したらどうなるの？

- 計算式 範囲
R 180°±60° 120°～240°
G 300°±60° 240°～0(360)°
B 60°±60° 0°～120°

Rが最大値となるH例





「HSL正六角形」をRGBの大小関係で６エリアへ分類



- 計算式 範囲
R≧G≧B 180°+60° 180°～240°
R≧B≧G 180°-60° 120°～180°
G≧B≧R 300°+60° 300°～0(360)°
G≧R≧B 300°-60° 240°～300°
B≧R≧G 60°+60° 60°～120°
B≧G≧R 60°-60° 0°～60°

ここから先は未確認


未確認の理由
・分からないことを全て調査していると何時まで経っても終わらないことに、最近ようやく気が付いたので

色に関する調査開始
・2016-3-14

現在日時
・2016-6-4



RGB → 色相H 方式の違い

RGB → 色相H … 最小値基準 × 図形 の考え方



類似度ページランキング
順位 ページタイトル抜粋 ％
1 RGB → HSL 勘違いしていたかも 84
2 RGB → HSL 57
3 HSL → RGB 57
4 HSL → RGB 計算方式の違い 56
5 RGB → HSL 目次 52
6 HSV → RGB 計算方式の違い 50
7 RGB → 色相H 方式の違い 47
8 RGB → 色相H 計算方式の違い 44
9 RGB → 彩度S 計算方式の違い 44
10 RGB → HSL を 色モデルで考える 41
11 RGB ⇔ HSV 40
12 RGB → HSL ／ RGB → HSV 40
13 RGB ⇔ Lab 36
14 HSLとHSVの違い 34
15 探している「HTML5エディタ」 29
16 HSV ／ HSB 29
17 CSSがどうしても効かない → 該当CSSの読込可否 → 該当CSSの反映可否 28
18 RGB 27
19 SVG線を徐々に描画していくためには、@keyframes を利用 27
20 RGB → 色相H … 最大値基準 × 図形 の考え方 26
2026/11/01 12:31 更新
週間人気ページランキング ／ 10-25 → 10-31
順位 ページタイトル抜粋 アクセス数
1 Design 0 13
2 「bgcolor」「background-color」「background」の違い | CSS 7
3 鉄道会社毎のカラーコード | カラーコード(色) 5
3 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
4 Stylus(Chrome 拡張機能) カテゴリー 3
4 「display:flex;」を設定している「
  • タグ」内の「タグ」クリック範囲を拡大する | Flexible Box Layout Module(CSS)
    		• 3
    4 右クリック出来るのに、コピペ出来ないWebページ。2020 年 | ブラウザ 3
    5 Chromeブックマーク ショートカット | Chromeブックマーク(ブラウザ) 2
    5 ユーザー個別の設定情報が格納されているレジストリキーを削除 2
    5 レスポンシブサイトにおけるスマホ表示用画像指定 2
    5 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される | CSSトラブル対応(CSS) 2
    5 画像 2
    5 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2
    5 Adobe Camera Raw 4.0 | Photoshop 2
    5 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 2
    5 スキップリンク | アクセシビリティ(UI) 2
    5 画像素材 | 画像 2
    5 height:100%;の効果を打ち消す(あるいは上書きする)には、height:auto!important; | CSS 2
    5 CSS カテゴリー 2
    5 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 2
    2026/11/1 5:05 更新