પેન્ટોનટૂલ્સ

HSV થી HSL

ડિઝાઇન સિસ્ટમ્સમાં બહુમુખી રંગ હેરફેર માટે HSV રંગ મૂલ્યોને HSL માં કન્વર્ટ કરો.

ઉન્નત ડિઝાઇન સુગમતા માટે સાહજિક રંગ મોડેલો વચ્ચે રૂપાંતર કરો

રંગ પરિવર્તક

HSV Input

180° 360°
100%
0% 50% 100%
100%
0% 50% 100%

ઉદાહરણો માટે રંગ નમૂનાઓ પર ક્લિક કરો

HSL Output

hsl(0°, 100%, 50%)

HSL Values

રંગછટા

0-360° color wheel position

સંતૃપ્તિ 100%

0-100% color intensity

હળવાશ 50%

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 0°, 100%, 100%
HSL 0°, 100%, 50%
તફાવત હળવાશ = મૂલ્યના 50%

વન લીલો

HSV 120°, 75%, 55%
HSL 120°, 60%, 35%
તફાવત હળવાશ સ્કેલ માટે ગોઠવેલ

રોયલ બ્લુ

HSV 220°, 75%, 88%
HSL 220°, 70%, 55%
તફાવત દ્રષ્ટિ માટે સંતુલિત હળવાશ

આછો ગુલાબી

HSV 340°, 40%, 95%
HSL 340°, 70%, 80%
તફાવત HSL માં સંતૃપ્તિ વધી

મ્યૂટેડ જાંબલી

HSV 270°, 30%, 70%
HSL 270°, 30%, 60%
તફાવત હળવાશ નીચેની તરફ ગોઠવાઈ

ગ્રે ટોન

HSV 0°, 0%, 50%
HSL 0°, 0%, 50%
તફાવત ગ્રેસ્કેલ માટે સમાન

ભલામણ કરેલ સાધનો

આ સાધન વિશે

આ 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.

જ્યારે બંને મોડેલો હ્યુ અને સેચ્યુરેશન ઘટકો શેર કરે છે, ત્યારે તેમની તેજસ્વીતાની સારવાર (મૂલ્ય વિરુદ્ધ પ્રકાશ) મૂળભૂત રીતે અલગ વર્તણૂકો બનાવે છે. આ કન્વર્ટર દ્રશ્ય સુસંગતતા જાળવી રાખીને આ મોડેલો વચ્ચે અનુવાદ કરવા માટે ચોક્કસ ગાણિતિક અલ્ગોરિધમનો ઉપયોગ કરે છે, જે ડિઝાઇનર્સને તેમના કાર્યપ્રવાહ દરમિયાન દરેક મોડેલની શક્તિઓનો લાભ લેવાની મંજૂરી આપે છે.

વારંવાર પૂછાતા પ્રશ્નો