મફત કન્વર્ટર

HSL થી હેક્સ કન્વર્ટર

HSL રંગ મૂલ્યોને તરત જ HEX રંગ કોડમાં કન્વર્ટ કરો — મફત, રીઅલ-ટાઇમ કલર કન્વર્ટર.

હ્યુ
સંતૃપ્તિ (%)
હળવાશ (%)

હેક્સ આઉટપુટ

#368CE2
R:54
G:140
B:226

ફોર્મેટ કૉપિ કરો

#HEX ફોર્મેટ#368CE2
hsl() ફોર્મેટhsl(210°, 75%, 55%)
rgb() ફોર્મેટrgb(54, 140, 226)

આ ટૂલ વિશે

HSL (હ્યુ, સેચ્યુરેશન, લાઇટનેસ) રંગ મૂલ્યોને હેક્સાડેસિમલ કોડમાં કન્વર્ટ કરો. HSL એક સાહજિક રંગ મોડેલ છે જ્યાં હ્યુ એ રંગ કોણ (0-360°), સંતૃપ્તિ રંગની તીવ્રતા (0-100%) છે અને લાઇટનેસ એ નિયંત્રિત કરે છે કે રંગ કેટલો આછો કે ઘાટો છે (0-100%). HSL માં કામ કરતા અને CSS માટે હેક્સ કોડની જરૂર હોય તેવા ડિઝાઇનરો માટે ઉપયોગી.

કેવી રીતે વાપરવું

  1. હ્યુ મૂલ્ય દાખલ કરો (રંગ વ્હીલ પર 0-360 ડિગ્રી).
  2. સંતૃપ્તિ (0-100%) અને હળવાશ (0-100%) સેટ કરો.
  3. હેક્સ કોડની ગણતરી કરવામાં આવે છે અને વાસ્તવિક સમયમાં પ્રદર્શિત થાય છે.
  4. તમારા CSS અથવા ડિઝાઇન ટૂલમાં ઉપયોગ માટે હેક્સ કોડની નકલ કરો.

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

હેક્સ અથવા આરજીબીને બદલે HSL શા માટે વાપરો?
HSL મનુષ્યો માટે વધુ સાહજિક છે. ઘાટા શેડ જોઈએ છે? હળવાશમાં ઘટાડો. મ્યૂટ વર્ઝન જોઈએ છે? સંતૃપ્તિ ઘટાડો. આ સંબંધો હેક્સ અથવા આરજીબીમાં સ્પષ્ટ નથી જ્યાં તમારે ત્રણેય ચેનલોને સમાયોજિત કરવાની જરૂર પડશે.
0 વિ 360 ના રંગનો અર્થ શું છે?
0° અને 360° બંને લાલ છે — હ્યુ વ્હીલ ચારે બાજુ લપેટી જાય છે. મુખ્ય રંગછટા: 0° = લાલ, 60° = પીળો, 120° = લીલો, 180° = વાદળી, 240° = વાદળી, 300° = કિરમજી.
0% અને 100% સંતૃપ્તિ પર શું થાય છે?
0% સંતૃપ્તિ પર, કોઈપણ રંગ ગ્રેની છાયા બની જાય છે (એકલા હળવાશ દ્વારા નિર્ધારિત). 100% સંતૃપ્તિ પર, તમને તે રંગનું સૌથી શુદ્ધ, સૌથી આબેહૂબ સંસ્કરણ મળે છે.
હળવાશ કેવી રીતે કામ કરે છે?
રંગ/સંતૃપ્તિને ધ્યાનમાં લીધા વિના 0% હળવાશ હંમેશા કાળી હોય છે. 100% હંમેશા સફેદ હોય છે. 50% રંગનું શુદ્ધ, સૌથી વાઇબ્રેન્ટ વર્ઝન આપે છે. 0-50% ની વચ્ચેના મૂલ્યો ઘાટા શેડ્સ છે, 50-100% હળવા રંગના છે.