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

色 ＞ 色変換

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

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

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

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

　閲覧数:687　投稿日: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/5/10 0:48 更新
週間人気ページランキング ／ 5-2 → 5-8
順位 ページタイトル抜粋 アクセス数
1 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 13
2 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 8
3 RGBの種類 ／ ビットカラー | RGB(色) 6
3 Design 0 6
3 Photoshop無料アクションファイル(atn)導入見送り | Photoshop 6
4 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 5
5 「属性」「プロパティ」「アトリビュート」の違い | CSS 3
5 画像縦横比の問題 | 画像 3
5 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 3
6 拡張機能が Chrome によって無効にされました ／ この拡張機能は破損している可能性があります。 | Chrome 拡張機能 2
6 ブラウザ一覧(公式サイトリンク) | ブラウザ 2
6 RGB → 彩度S 計算方式の違い | 色変換(色) 2
6 ログイン 2
6 aタグのクリック範囲を、囲っているタグ範囲まで拡大する | CSS 2
6 この拡張機能は破損している可能性があります。 2
6 RGB → 色相H 計算方式の違い | 色変換(色) 2
6 LOCK: File currently in use. ／ マニフェストを読み込めませんでした 2
6 G'MIC | GIMP 系(ソフトウェア) 2
6 手順 2
6 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 2
2026/5/9 5:05 更新