ከምስል ሄክስ ቀለም ማውጫ መሣሪያ
ይህ ገጽ ከምስል ውስጥ የተመረጠውን ፒክሰል ቀለም በሄክሳዴሲማል (HEX) ቅርጸት ለማውጣት የተዘጋጀ ነው። ሄክስ የስድስት አሃዝ ኮድ (ለምሳሌ #1E90FF) ሲሆን፣ በCSS እና በንድፍ ፕሮግራሞች ውስጥ በሰፊው ጥቅም ላይ ይውላል። መሣሪያው ምስሉን በማጉላት የሚያሳይ ሲሆን፣ ተጠቃሚው በመዳፊት በማንቀሳቀስ ወይም በመጫን፣ ወይም በቁልፍ ሰሌዳ ቀስቶች በመጠቀም የሚፈልገውን ፒክሰል መምረጥ ይችላል። ውጤቱ በሄክስ፣ በRGB እና በHSL ቅርጸቶች ይቀርባል።
የዚህ ገጽ ልዩነት
ከሌሎቹ ተመሳሳይ ገጾች በተለየ፣ ይህ ገጽ ዋናውን ውጤት እንደ ሄክስ ኮድ ያቀርባል። በCSS ውስጥ color: #1E90FF ብለው ለመጠቀም ተጨማሪ ቅንፍ ወይም አገባብ አያስፈልግም። ሌሎቹ ገጾች የRGB ተግባራዊ ማስታወሻ ወይም የHSL ቅርጸት ላይ ያተኩራሉ። ይህ ገጽ ደግሞ ሄክስ የአልፋ ቻናል ስለሌለው ግልጽነትን በተናጥል እንደ መቶኛ ያሳያል። ለምሳሌ፡- “Alpha 40% — this pixel is partly transparent.” የሚል ማሳወቂያ ይታያል።
የሄክስ ቅርጸት አጭር እና ለድር ተስማሚ ነው። በስድስት አሃዞች (16 ሚሊዮን ቀለሞች) ማንኛውንም ቀለም መወከል ይቻላል። ስለዚህ የድር ገንቢዎች በተለይ አንድ የተወሰነ ቀለም ከምስል በማውጣት በቀጥታ ወደ ሲኤስኤስ ለማስገባት ይህን ገጽ እንደ መጀመሪያ ምርጫ ይጠቀማሉ።
የሚቀርቡ የምስል ፋይሎች እና ውስንነቶች
መሣሪያው የሚቀበላቸው የምስል አይነቶች፡-
| ፎርማት | ኤምአይምኤ አይነት |
|---|---|
| PNG | image/png |
| JPG | image/jpeg |
| WebP | image/webp |
| GIF | image/gif |
| AVIF | image/avif |
| HEIC | image/heic, image/heif |
ከእነዚህ ውጭ ሌላ ፎርማት ቢጣል “That file type is not supported. Try a PNG, JPG, WebP, GIF, AVIF or HEIC image.” የሚል የስህተት መልእክት ያሳያል። ምስሉ በተበላሸ መልክ ወይም የማይደገፍ ከሆነ “That image could not be opened. It may be corrupted or in an unsupported format.” ይታያል።
ሌላ ወሳኝ ውስንነት፡- ምስሉ ረጅሙ ጎን ከ 4096 ፒክሰል በላይ ከሆነ ወደ ትንሹ ደረጃ ይቀነሳል። ይህ በተለይ ከፍተኛ ጥራት ያላቸው ፎቶግራፎችን ሲጫኑ ሊከሰት ይችላል። በዚህ ጊዜ የቀለም ናሙና ከተቀነሰው ሥዕል እንደሚወሰድ መገንዘብ ያስፈልጋል።
ውጤቶች እንዴት ይታያሉ
ምስል ከጫኑ በኋላ መሣሪያው የሚከተሉትን ያሳያል-
- “Image ready — move over it to sample, click to save a color.”
- የምስሉ ልኬቶች (ስፋት × ቁመት)።
- አሁን ባለው የመዳፊት ቦታ ወይም የመነሻ ቦታ (ማእከል) ላይ ያለው ፒክሰል መጋጠሚያ (x, y)።
- HEX፡ የተመረጠው ፒክሰል ሄክሳዴሲማል ኮድ (ስድስት አሃዝ፣ ለምሳሌ
#1E90FF)። - RGB፡ ቀይ፣ አረንጓዴ፣ ሰማያዊ እሴቶች።
- HSL፡ ሑድ፣ ሳቹሬሽን፣ ላይትነስ እሴቶች።
- ፒክሰሉ ከፊል ግልጽ ከሆነ፡ “Alpha ‹n›% — this pixel is partly transparent.” (ለምሳሌ Alpha 30%)።
ምስሉ ሲጫን የመጀመሪያው ናሙና የሚታየው ከምስሉ ማእከላዊ ፒክሰል ነው። ተጠቃሚው መዳፊትን ሲያንቀሳቅስ ወዲያውኑ እሴቶቹ ይለወጣሉ። መጫን ቀለሙን “በምርጫዎች” (picks) ያስቀምጠዋል።
የአልፋ ግልጽነት ተፅእኖ
ሄክስ ቅርጸት በስድስት አሃዞች (እንደ #RRGGBB) የአልፋ ቻናል አይደግፍም። አንዳንድ ምስሎች (በተለይ PNG እና WebP) ግልጽነት ያላቸው ፒክሰሎች አሏቸው። በዚህ መሣሪያ የሄክስ ኮድ ከግልጽነት ውጭ ያለውን የቀለም ዋጋ ብቻ ያሳያል። ነገር ግን ግልጽነቱ በተናጥል እንደ “Alpha 50%” ይታያል።
አስፈላጊ ነጥብ፡ መሣሪያው የፒክሰሉን ትክክለኛ ዋጋ ከምስል ፋይሉ ያነባል። ከበስተጀርባ ምን እንዳለ ግምት ውስጥ አያስገባም። ስለዚህ ከፊል ግልጽ ፒክሰል ሲመርጡ፣ የተሰጠው ሄክስ ኮድ በሌላ ቦታ ሲተገበር ያን የተወሰነ ግልጽነት ላያካትት ይችላል። ለCSS rgba() ወይም hsla() መጠቀም የተሻለ ሊሆን ይችላል፤ ነገር ግን ይህ ገጽ ሄክስ ብቻ ስለሚሰጥ ከዚህ መረጃ ጋር ጥንቃቄ ያስፈልጋል።
የተከማቸ ቀለም ታሪክ እና አጠቃቀሙ
በምስሉ ላይ ጠቅ ሲያደርጉ የተመረጠው የሄክስ ቀለም “Saved ‹hex› to your picks.” በሚል መልክ ወደ ታሪክ ይጨመራል። ታሪኩ እስከ 12 ነጥቦች ድረስ ይይዛል። ከ12 በላይ ቢከማች አዲሱ የመጨረሻውን ያስወግዳል? (በትክክል አልተጠቀሰም፤ ነገር ግን ከፋክት ሉህ “up to 12 items” ይላል።)
እያንዳንዱ የተቀመጠ ቀለም በአንድ ናሙና ክብ (swatch) ይታያል። ያንን ናሙና ጠቅ ሲያደርጉ ወደዚያ ቀለም ይመለሳሉ፣ ምንም እንኳ ምስሉ ቢቀየርም። ተመሳሳይ RGB እሴት ያላቸው ነገር ግን የተለያየ አልፋ ያላቸው ቀለሞች እንደ ተለያዩ መዝገቦች ይቀመጣሉ።
ኮፒ ማድረግ፡ ማንኛውም የሚታየውን የቀለም እሴት (HEX፣ RGB ወይም HSL) ጠቅ ማድረግ ወደ ክሊፕቦርድ ይቀዳል። ሆኖም አንዳንድ አሳሾች የክሊፕቦርድ መዳረሻ ቢያግዱ “Could not copy — your browser blocked clipboard access.” የሚል መልእክት ይታያል።
የቁልፍ ሰሌዳ አሰሳ እና ተጨማሪ ባህሪዎች
መዳፊት ከመጠቀም በተጨማሪ በቁልፍ ሰሌዳ ቀስቶች (arrow keys) የመስቀል ምልክቱን በምስሉ ላይ ማንቀሳቀስ ይቻላል። Shift ቁልፍን ከያዙ በአንድ እርምጃ 10 ፒክሰል ይንቀሳቀሳሉ። Enter ወይም Space ቁልፎች የአሁኑን ቀለም ለማስቀመጥ ያገለግላሉ። ይህ በተለይ ለትክክለኛ ምርጫ ወይም ለተደራሽነት አስፈላጊ ነው።
“Start over” የሚለው ቁልፍ ምስሉን፣ የቀለም ታሪኩን እና ሁሉንም መረጃዎች እንደመጀመሪያው ያደርጋል።
ተደጋጋሚ ጥያቄዎች (FAQ)
1. ከምስል የማውጣው ሄክስ ቀለም በሌሎች ፕሮግራሞች እንዴት እጠቀማለሁ?
የተገኘውን ሄክስ ኮድ (ለምሳሌ #3CB371) በመረጡት ንድፍ ፕሮግራም በቀጥታ መጠቀም ይችላሉ። በCSS ውስጥ color: #3CB371; በማለት ያስገቡ። በFigma፣ Photoshop፣ Adobe XD ወዘተ ውስጥ የቀለም መስኩ ላይ #3CB371 ብለው ይፃፉ።
2. የJPEG ምስል በምጠቀምበት ጊዜ የሄክስ ኮድ ለምን የተለያየ ነው?
JPEG የተጨመቀ ፎርማት ነው። በተለይ በነጠላ የቀለም አካባቢዎች እንኳ የተለያዩ ፒክሰሎች ሊኖሩ ይችላሉ። ይህ የJPEG compression artifacts ይባላል። ስለዚህ የምስል ናሙና የሚወስዱበት ቦታ በጣም ወሳኝ ነው። ማጉያው በዚህ ሊረዳዎ ይችላል።
3. ምስሉ ከ4096 ፒክሰል በላይ ከሆነ ምን ይሆናል?
ረጅሙ ጎን ወደ 4096 ፒክሰል በራስ ሰር ይቀነሳል። ይህ ዝቅተኛ ጥራት ላይ ቀለሞች በትንሹ ሊለወጡ ይችላሉ። ከፍተኛ ትክክለኛነት የሚፈልጉ ከሆነ ምስሉን በሌላ መሣሪያ መቀነስ ይችላሉ።
4. የአልፋ ግልጽነት በሄክስ እንዴት ነው የሚታየው?
ሄክስ የአልፋ ቻናል አልያዘም። መሣሪያው ግልጽነቱን እንደ “Alpha 75%” ያሳያል። ይህ መቶኛ የሚያመለክተው ፒክሰሉ ምን ያህል ግልጽ እንደሆነ ነው (100% = ሙሉ ግልጽነት የለም)። ለCSS rgba() መጠቀም የሚፈልጉ ከሆነ፣ እሴቱን ከRGB እና ከአልፋ መቶኛ ማስላት ይችላሉ።
5. የተቀመጡት ቀለሞች የት ይቀመጣሉ? ከ12 በላይ ማስቀመጥ እችላለሁ?
ታሪኩ በገጹ ላይ ብቻ ነው የሚቆየው። ገጹን ካዘመኑ ወይም ወደ ሌላ ቦታ ከሄዱ ይጠፋል። በአሁኑ ጊዜ ከፍተኛ 12 ነጥቦች ብቻ ነው የሚቻለው። በአንድ ምስል ላይ ብዙ ቀለሞችን ማስቀመጥ ከፈለጉ በነጥብ አዘውትረው ኮፒ ማድረግ ይችላሉ።
6. የቁልፍ ሰሌዳ ቀስቶች በምስሉ ላይ አይሰሩም። ምን ማድረግ አለብኝ?
መጀመሪያ ምስሉን በመጫን ላይ አንዴ ጠቅ ያድርጉ ወይም ምስሉ ላይ ያተኩሩ (focus)። ከዚያ በኋላ ቀስቶቹ መስራት አለባቸው። አሁንም ካልሰሩ በመዳፊት መጠቀም ይችላሉ።
ይህ መሣሪያ ከምስል ውስጥ ትክክለኛ የሄክስ ቀለም ኮድ ማውጣት ለሚፈልጉ ንድፍ አውጪዎችና ገንቢዎች የተዘጋጀ ነው። ከተለመደው የRGB ወይም የHSL ዘዴ ይልቅ ሄክስ ቀላል እና በድር ንድፍ ውስጥ ሰፊ ተቀባይነት አለው። መሣሪያው በሙሉ በደንበኛ ኮምፒውተር ላይ የሚሰራ በመሆኑ ምስልዎ ወደ ሌላ አገልጋይ አይላክም፣ ይህም ሚስጥራዊነትን ይጠብቃል።