HSLからHSVへ

色相・彩度・明度と色相・彩度・値カラーモデル間の正確な変換

色相、彩度、明度 - デザイナーのための直感的なカラーモデル

HSL Input

色相（H） 0°

彩度（S） 100%

明るさ（L） 50%

HSV Output

カラープレビュー

HSL: 0°, 100%, 50% | #FF0000

HSV Hue 0°

HSV Saturation 100%

HSV Value 100%

色相

0.0°

飽和

100.0%

価値

100.0%

変換例

HSL: 0°, 100%, 50%

赤

HSV: 0°, 100%, 100%

HSL: 120°, 100%, 50%

緑

HSV: 120°, 100%, 100%

HSL: 240°, 100%, 50%

青

HSV: 240°, 100%, 100%

HSL: 60°, 100%, 50%

黄色

HSV: 60°, 100%, 100%

HSL: 0°, 0%, 50%

グレー

HSV: 0°, 0%, 50%

HSL: 30°, 70%, 70%

パステルオレンジ

HSV: 30°, 43%, 93%

HSL: 210°, 60%, 40%

海軍

HSV: 210°, 75%, 65%

HSL: 330°, 40%, 80%

パステルピンク

HSV: 330°, 27%, 96%

推奨ツール

HSV to HSL Converter

HSVカラー値をHSL形式に戻す

HEX to CMYK Converter

16進数カラーをCMYK値に変換する

カラーパレットジェネレーター

ベースカラーから調和のとれた配色を作成する

このツールについて

HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value) are two closely related color models that represent colors in a way that's more intuitive for humans than RGB. Both use the same Hue scale (0-360°) but define their other parameters differently.

このコンバーターは、色相を一定に保ちながら、彩度と明度のパラメータを数学的に調整することで、これらのモデル間で色を正確に変換します。変換アルゴリズムは、各モデルで使用される彩度と明度の異なる定義に適応しながらも、色の視覚的な外観の一貫性を保証します。

HSL is often preferred for UI design and digital interfaces due to its consistent lightness control, while HSV is commonly used in creative applications like photo editing. This tool helps bridge these workflows with professional-grade accuracy.