HSV 到 HSL
將 HSV 色彩值轉換為 HSL，以便在設計系統中進行多種色彩處理
顏色轉換器
HSL Output
HSL Values
0-360° color wheel position
0-100% color intensity
0-100% brightness
hsl(0°, 100%, 50%)
其他格式
HSV Value
hsv(0°, 100%, 100%)
RGB Value
rgb(255, 0, 0)
CSS 使用
color: hsl(0°, 100%, 50%);
background-color: hsl(0°, 100%, 50%);
轉化洞察
這種鮮豔的紅色在兩種顏色模型中都保持了完全飽和度，但顯示出不同的亮度測量，顯示了數值（HSV）和亮度（HSL）之間的主要差異。
轉換範例
鮮豔的紅色
森林綠
皇家藍
柔粉色
柔和的紫色
灰色調
推薦工具
關於此工具
此 HSV 到 HSL 轉換器可促進兩種直覺顏色模型之間的無縫過渡，每種模型對於不同的設計任務和工作流程都有獨特的優勢。
HSV (Hue, Saturation, Value) represents colors based on human perception, with Value controlling the brightness from black to full color. This makes it particularly intuitive for tasks like adjusting lightness while preserving chromatic intensity, common in interface design.
HSL (Hue, Saturation, Lightness) structures color around perceived lightness, with Lightness ranging from black through the pure color to white. This model excels at creating consistent color scales and harmonies, as equal increments in lightness produce perceptually consistent steps.
雖然兩個模型都包含色相和飽和度組件，但它們對亮度（明度 vs. 亮度）的處理方式卻截然不同。此轉換器使用精確的數學演算法在這兩個模型之間進行轉換，同時保持視覺一致性，使設計師能夠在整個工作流程中充分利用每個模型的優勢。