ነፃ የምስል ቀለም ፓሌት አውጪ

እንዴት እንደሚሠራ

የቀለም ማውጣት ሙሉ በሙሉ በአሳሽዎ ውስጥ ከCanvas API በተነበበ ጥሬ የፒክሰል ውሂብ ላይ በሚተገበር በእጅ በተጻፈ የk-means++ ማሰባሰቢያ ስልተ-ቀመር ይሠራል — ምንም አገልጋይ፣ ምንም የሦስተኛ ወገን ላይብረሪ የለም። ስልተ-ቀመሩ ከMath.random ይልቅ ተወስኖ የሚታወቅ የሐሰት-የዘፈቀደ ቁጥር አመንጪ (mulberry32) ስለሚጠቀም ተመሳሳይ ምስል እና የቀለም ብዛት ቅንብሮች ሁልጊዜ ተመሳሳይ ቤተ-ቀለም ይሰጣሉ።

1. 1
   Canvas የፒክሰል ውሂብን ያነባል

   ምስሉ ከማያ ገጽ ውጭ ባለ የHTML Canvas አካል ላይ ይሳላል እና ረጅሙ ጎኑ ቢበዛ 200px እንዲሆን ይቀነሳል። የCanvas API getImageData() እያንዳንዱን ፒክሰል እንደ ጥሬ የRGBA ባይቶች ይመልሳል፤ ማሰባሰቡ ከመጀመሩ በፊት ሙሉ በሙሉ ግልጽ የሆኑ ፒክሰሎች (alpha < 128) ይጣላሉ።
2. 2
   k-means++ ፒክሰሎቹን ያሰባስባል

   የk-means++ አስጀማሪ ማዕከሎቹን ተወስኖ በሚታወቅ መንገድ ያስቀምጣል፤ ከዚያም ስልተ-ቀመሩ እስከ 20 ጊዜ ይደጋገማል፦ እያንዳንዱ ፒክሰል በRGB ክፍተት ውስጥ ለቅርብ ማዕከሉ ይመደባል፣ ከዚያም ማዕከሎቹ የተመደቡላቸው ፒክሰሎች ሁሉ አማካይ ሆነው እንደገና ይሰላሉ። ወደ ተመሳሳይ የhex እሴት የሚወድቁ ቡድኖች ይዋሃዳሉ፤ ስለዚህ በውጤቱ ውስጥ ያለ እያንዳንዱ ናሙና ልዩ ነው።
3. 3
   የእያንዳንዱ ቀለም ዝርዝር መረጃ ይሰላል

   እያንዳንዱ ማዕከል ወደ HEX፣ HSL እና ከጠቅላላ ፒክሰሎች ያለው ድርሻ (መቶኛ) ይቀየራል። የWCAG አንጻራዊ ብሩህነት በመደበኛው ቀመር ይሰላል፤ ከጥቁር እና ከነጭ ጋር ያሉ የንፅፅር ጥምርታዎችም ከእያንዳንዱ ናሙና ጎን ይታያሉ።
4. 4
   ማውጣት እና የቀለም ጠብታ ውጤት

   ቤተ-ቀለሙ እንደ CSS ብጁ ንብረቶች፣ የSCSS ተለዋዋጮች፣ የTailwind ውቅር ቁራጭ ወይም JSON ሊቀዳ ይችላል። ጠቅ አድርገው የሚወስዱበት የቀለም ጠብታ በቅድመ-እይታው ላይ ያደረጉትን ጠቅታ በሙሉ ጥራት ሸራ ላይ ወዳለው ትክክለኛ የምንጭ ፒክሰል መጋጠሚያ ይመልሳል እና የዚያን ፒክሰል ቀለም ወደ የተለየ የተመረጡ ቀለሞች ዝርዝር ያክላል። የPNG ቤተ-ቀለም ረድፍ በCanvas toBlob() ሊወርድ ይችላል።

ተዛማጅ መሳሪያዎች