ነጻ መለወጫ

HSL ወደ HEX መለወጫ

የHSL ቀለም ዋጋዎችን ወደ HEX ቀለም ኮዶች በቅጽበት ቀይር - ነፃ፣ የእውነተኛ ጊዜ ቀለም መቀየሪያ።

ሙሌት (%)
ቀላልነት (%)

HEX ውፅዓት

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

ቅዳ ቅርጸት

#HEX ቅርጸት#368CE2
hsl () ቅርጸትhsl(210°, 75%, 55%)
rgb () ቅርጸትrgb(54, 140, 226)

ስላዚህ መሳሪያ

HSL (Hue, Saturation, Lightness) የቀለም እሴቶችን ወደ ሄክሳዴሲማል ኮዶች ቀይር። ኤችኤስኤል ሊታወቅ የሚችል የቀለም ሞዴል ነው Hue የቀለም አንግል (0-360°)፣ ሙሌት የቀለም መጠን (0-100%) እና ብርሃን ቀለሙ ምን ያህል ብርሃን ወይም ጨለማ እንደሆነ (0-100%) ይቆጣጠራል። በHSL ውስጥ ለሚሰሩ እና ለሲኤስኤስ የሄክስ ኮድ ለሚፈልጉ ዲዛይነሮች ጠቃሚ ነው።

እንዴት ይጠቀሙ

  1. የ Hue እሴት ያስገቡ (በቀለም ጎማ ላይ 0-360 ዲግሪ)።
  2. ሙሌት (0-100%) እና ቀላልነት (0-100%) ያዘጋጁ።
  3. የሄክስ ኮድ ይሰላል እና በእውነተኛ ጊዜ ይታያል።
  4. በእርስዎ CSS ወይም የንድፍ መሳሪያ ውስጥ ለመጠቀም የሄክስ ኮድን ይቅዱ።

በተደጋጋሚ የሚጠየቁ ጥያቄዎች

ከሄክስ ወይም አርጂቢ ይልቅ ኤችኤስኤል ለምን ይጠቀሙ?
ኤችኤስኤል ለሰዎች የበለጠ የሚታወቅ ነው. ጥቁር ጥላ ይፈልጋሉ? ብርሃንን ይቀንሱ. ድምጸ-ከል የተደረገ ስሪት ይፈልጋሉ? ሙሌትን ቀንስ። ሶስቱን ቻናሎች ማስተካከል በሚፈልጉበት በሄክስ ወይም አርጂቢ ውስጥ እነዚህ ግንኙነቶች ግልጽ አይደሉም።
Hue of 0 vs 360 ምን ማለት ነው?
ሁለቱም 0° እና 360° ቀይ ናቸው - የ hue ዊልስ ዙሪያውን ይጠቀለላል። ዋና ዋና ቀለሞች: 0 ° = ቀይ, 60 ° = ቢጫ, 120 ° = አረንጓዴ, 180 ° = ሲያን, 240 ° = ሰማያዊ, 300 ° = magenta.
በ 0% እና 100% ሙሌት ምን ይሆናል?
በ 0% ሙሌት, ማንኛውም ቀለም ግራጫማ ጥላ ይሆናል (በብርሃን ብቻ ይወሰናል). በ100% ሙሌት፣ የዚያን ቀለም በጣም ንጹህ፣ በጣም ግልጽ የሆነ ስሪት ያገኛሉ።
ቀላልነት እንዴት ነው የሚሰራው?
ቀለም/ሙሌት ምንም ይሁን ምን 0% ብርሃን ሁል ጊዜ ጥቁር ነው። 100% ሁልጊዜ ነጭ ነው. 50% ንፁህ ፣ በጣም ንቁ የሆነ የቀለም ስሪት ይሰጣል። ከ0-50% መካከል ያሉ እሴቶች ጥቁር ጥላዎች ናቸው, 50-100% ቀለል ያሉ ቀለሞች ናቸው.