色空間の範囲

色 ＞ 色変換

4種類

　状態:- 　閲覧数:3,035 　投稿日:2016-05-01 　更新日:2016-05-01
A. 階調 … 0 ～ 255
B.パーセンテージ … 0% ～ 100%
C.便宜上最大値を1と設定 … 0 ～ 1
D.角度 … 0°～ 360°

最も一般的な例

　閲覧数:755　投稿日:2016-05-01　更新日:2016-05-01

RGB


A. 階調
・0 ～ 255
・0 ～ 255
・0 ～ 255
※24ビットカラー
- 最小値 最大値
R 0 255
G 0 255
B 0 255

HLS


D.角度 ＋ B.パーセンテージ
・0° ～ 360°
・0% ～ 100%
・0% ～ 100%
- 最小値 最大値
H 0° 360°
L 0% 100%
S 0% 100%

HLS


D.角度 ＋ B.パーセンテージ
・0° ～ 360°
・0% ～ 100%
・0% ～ 100%
- 最小値 最大値
H 0° 360°
S 0% 100%
V 0% 100%


A. 階調 … 0 ～ 255

　閲覧数:787　投稿日:2016-05-01　更新日:2016-05-01

対象


RGB
・R
・G
・B

HLS
・L
・S

HSV
・S
・V

ビット数に応じて範囲は異なる


24ビットカラー
・0 ～ 255

3ビットカラー
・0 ～ 1
※C.便宜上最大値を1と設定の「0 ～ 1」とは意味が異なる

42ビットカラー
・0 ～ 16,383

単位はない


256(0 ～ 255)に単位はない
・10進数で表現された単なる数値

敢えて単位を付けるなら
・256種類
・256階調

※上記は24ビットの場合だが他でも同様

B.パーセンテージ … 0% ～ 100%

　閲覧数:782　投稿日:2016-05-01　更新日:2016-05-01

対象


RGB
・R
・G
・B

HLS
・H
・L
・S

HSV
・H
・S
・V

C.便宜上最大値を1と設定 … 0 ～ 1

　閲覧数:788　投稿日:2016-05-01　更新日:2016-05-01

対象


RGB
・R
・G
・B

HLS
・L
・S

HSV
・S
・V

D.角度 … 0°～ 360°

　閲覧数:789　投稿日:2016-05-01　更新日:2016-05-01

対象


HLS
・H

HSV
・H

当初の疑問

　閲覧数:764　投稿日:2016-05-01　更新日:2017-08-12

HSVの範囲はどうして0～360と０～100と０～255があるの？円錐モデルが360？ 円柱モデル？


HSVのH範囲は0～360が基本なのでしょうか？
・０～100は、100に換算しなおしているだけ？

HSVのSV範囲は０～255が基本？
・この時の単位は何？
・０～100は%に直しているだけ？

「円錐モデル」と「円柱モデル」の違いは、HSVのSV範囲が「０～255」OR「０～100%」に関係しているのでしょうか？

「円錐モデル」と「円柱モデル」で計算結果は異なる？
・普通はどちらを使用するのでしょうか？


・RGBとHSV・HSBの相互変換ツールと変換計算式
・HSVの範囲はどうして0～360と０～100と０～255があるの？円錐モデルが360？ 円柱モデル？

・Adobeよ、お前もか！　WEBサービスやアプリの「嘘っこCMYK値」には気をつけろ！


RGB ⇔ Lab

HSL → RGB



類似度ページランキング
順位 ページタイトル抜粋 ％
1 色空間の範囲 100
2 色彩のみからなる商標 25
3 CSS選択範囲非表示対応 22
4 色分類 22
5 CSSのみで交互色 … リスト 19
6 RGB → 色相H 方式の違い 19
7 昔のサイト 18
8 輪郭の検出 18
9 aタグのクリック範囲を、囲っているタグ範囲まで拡大する 18
10 色関連用語 18
11 配色カラー 18
12 RGB → 色相H 計算方式の違い 17
13 同系色を探す 17
14 CSS色指定 17
15 aタグで複数のブロック要素を囲むやり方 16
16 親要素の背景色を、CSSで打ち消したい 16
17 空間的 / 可逆な JPEG ファイルの読み込みは実行されません 16
18 過去のhtml 15
19 trタグに背景色 14
20 画像縦横比の問題 14
2026/2/17 23:50 更新
週間人気ページランキング ／ 2-10 → 2-16
順位 ページタイトル抜粋 アクセス数
1 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 8
2 似顔絵ジェネレーター : 似顔絵メーカー ／ NIGAOE MAKER 7
2 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 7
3 RGBの種類 ／ ビットカラー | RGB(色) 5
3 色モデルイメージ図 | 色変換(色) 5
4 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 4
5 LOCK: File currently in use. ／ マニフェストを読み込めませんでした 3
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 3
5 アイコンを「Font Awesome」から変更。→「自分で探したSVG」を「自分のserver」へアップロード | アイコン(デザイン) 3
5 画像縦横比の問題 | 画像 3
5 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 3
6 RGB ⇔ Lab | 色変換(色) 2
6 RGB ⇔ XYZ ／ CIE RGB ／ sRGB(D65) ／ sRGB(C) ／ Adobe RGB ／ NTSC RGB 2
6 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される | CSSトラブル対応(CSS) 2
6 Bootstrap3 で、固定ナビゲーションの下だけ背景色を指定 | 3系(Bootstrap) 2
6 鉄道会社毎のカラーコード | カラーコード(色) 2
6 CSS 「id」「class」名 に関する調査履歴 1 | 命名規則(コーディングルール) 2
6 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 2
6 「bgcolor」「background-color」「background」の違い | CSS 2
6 HSV ／ HSB 2
2026/2/17 5:05 更新