ቀለም መራጭ በማንኛውም ድረ-ገጽ ላይ ከማንኛውም ኤለመንት ቀለሞችን ለመምረጥ ፒክሰል-ትክክለኛ አይን-ጠብታ መሳሪያ ይሰጣል — ጽሁፍ፣ ዳራዎች፣ ምስሎች፣ ግራዲየንቶች ወይም ማንኛውም ሚታይ ፒክሰል። ትክክለኛውን ቀለም ዋጋ በ HEX፣ RGB እና HSL ቅርጸቶች በአንድ ጊዜ ያግኙ።
ትክክለኛ የቀለም ዋጋዎችን ከድረ-ገጽ ማውጣት የተለመደ ስራ ነው — የብራንድ ቀለም ማዛመድ፣ ዲዛይን መጥቀስ፣ ወይም በተፎካካሪ ድረ-ገጽ ላይ የተጠቀሰ ጥላ ማረጋገጥ። የብራውዘር DevTools ቀለሞችን በStyles ፓነል ውስጥ ያሳያል፣ ነገር ግን ግልጽ የCSS color ንብረት ላላቸው ኤለመንቶች ብቻ — ለምስሎች፣ ለgradients ወይም ለተወረሱ ቀለሞች አይደለም።
የቀለም መራጭ eyedropper በፒክሰል ደረጃ ይሰራል — ያ ቀለም እንዴት እንደመጣ ሳይለይ፣ ከጠቋሚህ በታች ያለውን ፒክሰል ትክክለኛ የተሰራ ቀለም ያነባል። በhero ምስል ውስጥ ባለ ሰማያዊ ሰማይ፣ በgradient midpoint፣ ወይም በከፊል-ግልጽ overlay ላይ ተጫን፣ ትክክለኛውን የተዋሃደ ቀለም ዋጋ አግኝ። ሦስቱም የቅርጸት ውጤቶች (HEX, RGB, HSL) በአንድ ጊዜ ይታያሉ — ለመቅዳት ማንኛውንም ቅርጸት ተጫን። የመጨረሻዎቹ ብዙ ምርጫዎችህ ከታች ባለ የቀለም ታሪክ ስትሪፕ ውስጥ ይቀመጣሉ።
Alpha transparency በውጤቱ ውስጥ ይጠበቃል — ከፊል-ግልጽ overlay መምረጥ ትክክለኛ alpha channel ያለው rgba() ወይም hsla() ዋጋ ይሰጥሃል፣ ከስክሪንሾት መሳሪያ የምታገኘውን ጠፍጣፋ RGB ብቻ አይደለም። በmacOS እና Windows ላይ፣ መራጩ ባለበት ቦታ የብራውዘሩን ተፈጥሯዊ eyedropper ችሎታ መጠቀም ይችላል፣ ይህም ከብራውዘር መስኮት ውጭ ጭምር ጨምሮ ከስክሪንህ በማንኛውም ቦታ ቀለም እንድትወስድ ያስችልሃል — በሌላ መተግበሪያ ውስጥ ክፍት ከሆነ የዲዛይን ፋይል ቀለም ስታዛምድ ጠቃሚ ነው።
ዙም የተደረገ ሞላላ ቅድመ-እይታ ጠቋሚዎ ዙሪያ ያሉ ፒክሰሎችን ያሳያል፣ ትክክለኛውን ፒክሰል ለማነጣጠር የመስቀለኛ ምልክት ጋር። ከጽሁፍ፣ ዳራዎች፣ ምስሎች፣ ግራዲየንቶች ወይም ማንኛውም ሚታይ ፒክሰል ቀለሞችን ይምረጡ።
የተመረጠ ቀለም ሶስቱም ቅርጸቶች በአንድ ጊዜ ይታያል — HEX (#7c3aed)፣ RGB (rgb(124, 58, 237))፣ እና HSL (hsl(262, 83%, 58%))።
ማንኛውንም ቅርጸት ረድፍ (HEX፣ RGB ወይም HSL) ጠቅ ያድርጉ ያንን ተኮር ዋጋ ወደ ቅንጥቦር ለመቅዳት።
ቅርብ ጊዜ የተመረጡ ቀለሞች ቀለም ናሙናዎችን በሚያሳይ ታሪክ ሰቅ ውስጥ ይቀመጣሉ። ያንን ቀለም ዳግም ለመምረጥ ማንኛውንም ናሙና ጠቅ ያድርጉ።
የተመረጠው ቀለም ከቅርጸት ዋጋዎች በላይ ትልቅ ናሙና ሆኖ ይታያል፣ ቀለሙን ለማየት እና ለማረጋገጥ ቀላል ያደርጋል።
ከማንኛውም ሚታይ ፒክሰል ቀለሞችን ይመርጣል — CSS ቀለሞች፣ ግራዲየንቶች፣ ምስሎች (PNG፣ JPG፣ SVG)፣ ካንቫስ ኤለመንቶች፣ ቪዲዮ ፍሬሞች እና ግማሽ-ግልፅ ሽፋኖች።
ንድፍዎ ትክክለኛውን ጥላ እንደሚጠቀም ለማረጋገጥ ከኩባንያ ድረ-ገጽ ትክክለኛውን ብራንድ ቀለም ይምረጡ።
በንድፍዎ ውስጥ ተጨማሪ ዳራ ለመጠቀም ከሂሮ ምስሎች ወይም ምርት ፎቶዎች ቀለሞችን በቀጥታ ይምረጡ።
ንድፍ spec ቁልፉ #7c3aed መሆን አለበት ይላል። ትክክል መሆኑን ለማረጋገጥ ከተተገበረው ቁልፍ ቀለሙን ይምረጡ።
ንድፍ ምንጭ ጣቢያዎችን ያሰሱ እና ዓይንዎን የሚስቡ ቀለሞችን ይምረጡ። ታሪክ ሰቅ ሰሌዳ ይገነባል።
ትክክለኛውን ቀለም ለማየት ከ CSS ግራዲየንት ተለያዩ ነጥቦች ላይ ቀለሞችን ይምረጡ።
የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና ቀለም መራጭ አዶን ጠቅ ያድርጉ። ጠቋሚው ዙም ያለው ቅድመ-እይታ ሞላላ ያለው አይን-ጠብታ ይሆናል።
ጠቋሚዎን በገጹ ላይ ያንቀሳቅሱ። ዙም ያለው ቅድመ-እይታ ጠቋሚዎ ዙሪያ ያሉ ፒክሰሎችን ያሳያል።
ያ ፒክሰል ቀለም ለመምረጥ በገጹ ላይ በማንኛውም ቦታ ጠቅ ያድርጉ። ናሙና፣ HEX፣ RGB እና HSL ዋጋዎች ወዲያውኑ ይዘምናሉ።
ያንን ዋጋ ወደ ቅንጥቦር ለመቅዳት HEX፣ RGB ወይም HSL ረድፍ ጠቅ ያድርጉ።
ተጨማሪ ቀለሞችን ለመምረጥ ጠቅ ማድረግዎን ይቀጥሉ። እያንዳንዱ ምርጫ ታሪክ ሰቅ ውስጥ ይጨመራል።
DevSuite Pro ን በነፃ ይጫኑ እና 64+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።
