← ወደ ባህሪያት ይመለሱ
Free

ቀለም መራጭ

ቀለም መራጭ በማንኛውም ድረ-ገጽ ላይ ከማንኛውም ኤለመንት ቀለሞችን ለመምረጥ ፒክሰል-ትክክለኛ አይን-ጠብታ መሳሪያ ይሰጣል — ጽሁፍ፣ ዳራዎች፣ ምስሎች፣ ግራዲየንቶች ወይም ማንኛውም ሚታይ ፒክሰል። ትክክለኛውን ቀለም ዋጋ በ HEX፣ RGB እና HSL ቅርጸቶች በአንድ ጊዜ ያግኙ።

ከድረ-ገጽ ትክክለኛ ቀለም ዋጋዎችን ማውጣት የተለመደ ተግባር ነው። የቀለም መራጭ አይን-ጠብታ በፒክሰል ደረጃ ይሰራል — ጠቋሚዎ ስር ያለው ማንኛውም ፒክሰል ተጨባጭ ቀለም ያነባል፣ ያ ቀለም እዚያ እንዴት እንደደረሰ ሳይለይ።

የቀጥታ ቅድመ እይታ
example.com
Crosshair targeting pixel
HEX#7c3aed
RGBrgb(124, 58, 237)
HSLhsl(262, 83%, 58%)
Recent picks — click to copy
ቁልፍ ባህሪያት

ፒክሰል-ትክክለኛ አይን-ጠብታ

ዙም የተደረገ ሞላላ ቅድመ-እይታ ጠቋሚዎ ዙሪያ ያሉ ፒክሰሎችን ያሳያል፣ ትክክለኛውን ፒክሰል ለማነጣጠር የመስቀለኛ ምልክት ጋር። ከጽሁፍ፣ ዳራዎች፣ ምስሎች፣ ግራዲየንቶች ወይም ማንኛውም ሚታይ ፒክሰል ቀለሞችን ይምረጡ።

ሶስት ቅርጸቶች በአንድ ጊዜ

የተመረጠ ቀለም ሶስቱም ቅርጸቶች በአንድ ጊዜ ይታያል — HEX (#7c3aed)፣ RGB (rgb(124, 58, 237))፣ እና HSL (hsl(262, 83%, 58%))።

ለእያንዳንዱ ቅርጸት በአንድ ጠቅታ ቅዳ

ማንኛውንም ቅርጸት ረድፍ (HEX፣ RGB ወይም HSL) ጠቅ ያድርጉ ያንን ተኮር ዋጋ ወደ ቅንጥቦር ለመቅዳት።

ቀለም ታሪክ ሰቅ

ቅርብ ጊዜ የተመረጡ ቀለሞች ቀለም ናሙናዎችን በሚያሳይ ታሪክ ሰቅ ውስጥ ይቀመጣሉ። ያንን ቀለም ዳግም ለመምረጥ ማንኛውንም ናሙና ጠቅ ያድርጉ።

ትልቅ ቀለም ናሙና ቅድመ-እይታ

የተመረጠው ቀለም ከቅርጸት ዋጋዎች በላይ ትልቅ ናሙና ሆኖ ይታያል፣ ቀለሙን ለማየት እና ለማረጋገጥ ቀላል ያደርጋል።

በማንኛውም ነገር ላይ ይሰራል

ከማንኛውም ሚታይ ፒክሰል ቀለሞችን ይመርጣል — CSS ቀለሞች፣ ግራዲየንቶች፣ ምስሎች (PNG፣ JPG፣ SVG)፣ ካንቫስ ኤለመንቶች፣ ቪዲዮ ፍሬሞች እና ግማሽ-ግልፅ ሽፋኖች።

የተለመዱ የአጠቃቀም ሁኔታዎች

ብራንድ ቀለሞችን ማዛመድ

ንድፍዎ ትክክለኛውን ጥላ እንደሚጠቀም ለማረጋገጥ ከኩባንያ ድረ-ገጽ ትክክለኛውን ብራንድ ቀለም ይምረጡ።

ከምስሎች ቀለሞችን ማውጣት

በንድፍዎ ውስጥ ተጨማሪ ዳራ ለመጠቀም ከሂሮ ምስሎች ወይም ምርት ፎቶዎች ቀለሞችን በቀጥታ ይምረጡ።

CSS ቀለም ትግበራ ማረጋገጥ

ንድፍ spec ቁልፉ #7c3aed መሆን አለበት ይላል። ትክክል መሆኑን ለማረጋገጥ ከተተገበረው ቁልፍ ቀለሙን ይምረጡ።

ከማጣቀሻዎች ቀለም ሰሌዳዎችን መገንባት

ንድፍ ምንጭ ጣቢያዎችን ያሰሱ እና ዓይንዎን የሚስቡ ቀለሞችን ይምረጡ። ታሪክ ሰቅ ሰሌዳ ይገነባል።

ግራዲየንት ቀለሞችን መፈተሽ

ትክክለኛውን ቀለም ለማየት ከ CSS ግራዲየንት ተለያዩ ነጥቦች ላይ ቀለሞችን ይምረጡ።

እንዴት እንደሚጠቀሙ
1

ቀለም መራጭ ያንቁ

የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና ቀለም መራጭ አዶን ጠቅ ያድርጉ። ጠቋሚው ዙም ያለው ቅድመ-እይታ ሞላላ ያለው አይን-ጠብታ ይሆናል።

2

ለቅድመ-እይታ ጠቋሚ ያንቀሳቅሱ

ጠቋሚዎን በገጹ ላይ ያንቀሳቅሱ። ዙም ያለው ቅድመ-እይታ ጠቋሚዎ ዙሪያ ያሉ ፒክሰሎችን ያሳያል።

3

ለመምረጥ ጠቅ ያድርጉ

ያ ፒክሰል ቀለም ለመምረጥ በገጹ ላይ በማንኛውም ቦታ ጠቅ ያድርጉ። ናሙና፣ HEX፣ RGB እና HSL ዋጋዎች ወዲያውኑ ይዘምናሉ።

4

ቅርጸትዎን ይቅዱ

ያንን ዋጋ ወደ ቅንጥቦር ለመቅዳት HEX፣ RGB ወይም HSL ረድፍ ጠቅ ያድርጉ።

5

ተጨማሪ ቀለሞችን ይምረጡ

ተጨማሪ ቀለሞችን ለመምረጥ ጠቅ ማድረግዎን ይቀጥሉ። እያንዳንዱ ምርጫ ታሪክ ሰቅ ውስጥ ይጨመራል።

ለመሞከር ዝግጁ ነዎት? ቀለም መራጭ?

DevSuite Pro ን በነፃ ይጫኑ እና 39+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።

ወደ Chrome ያክሉ ወደ Edge ያክሉ ወደ FireFox ያክሉ