メインコンテンツへ移動
ToolShed
検索
⌘
K
人気
新着ツール
?
読み込み中...
🏠
探す
☰
カテゴリ
🔥
人気
?
について
ホーム
/
カラー
/
HSVのH値
◉
HSVのH値
color/color-hsv-h-to-text
HSVのH値を取得する。入力した色情報はブラウザ内だけで扱われるため、未発表作品でも安心して試せます。
最終更新日
2026-07-03
・ by
yuzlrin
このツールでできること
HSVのH値では、HSVのH値を取得する。入力した色情報はブラウザ内だけで扱われるため、未発表作品でも安心して試せます。
関連する観点として HSV、hue、カラー変換 を確認し、結果をコピーして別の作業に使えます。
カラーを入力
結果
H: 0°
コピー
使い方
Color input に #00ff80 のような6桁HEXを入力します。
RGBの最大値、最小値、差分からHSVのH値が計算されます。
Result の `H: 角度°` を読み、色相ベースの分類や回転計算に使います。
S値やV値は表示されないため、鮮やかさや明るさは兄弟ツールで確認します。
入力例・出力例
INPUT
#00ff80
OUTPUT
H: 150°
緑からシアンへ向かう中間付近の色相です。
よくある利用シーン
HSVで色相だけを抽出し、色名分類やスライダー初期値に使いたいとき。
彩度や明度を変えずに、同じH値を別ツールへ渡したいとき。
HSLのH値と一致するか確認し、S/V/Lの違いだけを切り分けたいとき。
結果確認のポイント
色空間、透明度、コントラスト、コピーしたコード形式が用途に合うか確認してください。
HSV、hue、カラー変換の観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。
注意点
画面やOSの色管理により見え方が変わるため、最終判断は実機でも確認してください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。
データの扱い / プライバシー
HSVのH値の主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。
FAQ
よくある
質問
HSV の H値(色相)はどのような範囲の値ですか?
H は 0° から 360° の範囲で色相環上の位置を表します。0°/360° が赤、60° が黄、120° が緑、180° がシアン、240° が青、300° がマゼンタです。
HSV の H と HSL の H は同じ値ですか?
はい。どちらも同じ色相環 (0–360°) を使うため H の値は一致します。S(彩度)と V/L(明度/輝度)の定義が異なるだけです。
無彩色(白・黒・グレー)の H 値はどうなりますか?
無彩色は S=0 のため色相が定義できず、H は 0°(または undefined)として扱われます。色相だけで色を判別する際は S 値も併せて確認してください。
関連ツール
カラーシェード生成
指定色の明暗バリエーション(10段階)を自動生成。
アクセシブルカラー生成
前景色・背景色をHEXで指定するとWCAG 2.1のコントラスト比を自動計算。通常テキスト(AA 4.5:1/AAA 7:1)と大きい文字(AA 3:1/AAA 4.5:1)それぞれの合否をバッジで表示し、プレビュー文で実際の見え方も確認できます。
ANSIカラー一覧
ANSIエスケープシーケンスの文字色コード(標準8色 SGR 30〜37、高輝度8色 90〜97)と背景色コード(40〜47、100〜107)を色名・番号・エスケープシーケンスの対応表で確認できるツール。ターミナル配色の把握やシェルスクリプトの色指定に。
ブランドカラー一覧
主要ブランド名と代表的なHEXカラー値を2列の固定表で確認できる。
CMYK→HEX変換
CMYKカラー値をHEXに変換する。
コントラスト比早見表
WCAGでよく使う1:1、3:1、4.5:1、7:1、21:1の意味を固定表で確認できる。
WCAG AA 白背景
入力HEX色を白背景と比較し、通常テキストと大テキストのWCAG AA到達可否を表示する。
HEX #追加
改行区切りの各行について、#が無いHEX表記の先頭に#を付ける単純変換。