مفت تصویر رنگ پیلیٹ ایکسٹریکٹر

یہ کیسے کام کرتا ہے

رنگ نکالنا مکمل طور پر آپ کے براؤزر میں ہاتھ سے لکھے k-means++ کلسٹرنگ الگورتھم سے ہوتا ہے جو Canvas API سے پڑھے گئے خام پکسل ڈیٹا پر لگتا ہے — نہ سرور، نہ تیسرے فریق کی لائبریری۔ ایک ہی تصویر اور رنگوں کی تعداد ہمیشہ ایک ہی پیلیٹ دیتی ہے کیونکہ الگورتھم Math.random کی بجائے طے شدہ pseudo-random number generator (mulberry32) استعمال کرتا ہے۔

1. 1
   Canvas پکسل ڈیٹا پڑھتا ہے

   تصویر آف اسکرین HTML Canvas عنصر پر بنائی جاتی ہے اور لمبی طرف زیادہ سے زیادہ 200px تک چھوٹی کی جاتی ہے۔ Canvas API کا getImageData() ہر پکسل کو خام RGBA بائٹس کے طور پر لوٹاتا ہے، اور کلسٹرنگ شروع ہونے سے پہلے مکمل شفاف پکسلز (alpha < 128) رد کر دیے جاتے ہیں۔
2. 2
   k-means++ پکسلز کو گروپ کرتا ہے

   ایک k-means++ آغاز کنندہ مراکز کو طے شدہ طریقے سے شروع کرتا ہے، پھر الگورتھم 20 بار تک دہراتا ہے: ہر پکسل RGB اسپیس میں قریب ترین مرکز کو دیا جاتا ہے، پھر مراکز تمام دیے گئے پکسلز کی اوسط کے طور پر دوبارہ نکالے جاتے ہیں۔ ایک ہی ہیکس قدر پر سمٹنے والے گروپ ملا دیے جاتے ہیں، اس لیے نتیجے کا ہر نمونہ منفرد ہوتا ہے۔
3. 3
   ہر رنگ کا میٹا ڈیٹا نکالا جاتا ہے

   ہر مرکز HEX، HSL اور کل پکسلز میں اس کے حصے (فیصد) میں بدلا جاتا ہے۔ WCAG relative luminance معیاری فارمولے سے نکالی جاتی ہے، اور ہر نمونے کے ساتھ سیاہ اور سفید دونوں کے مقابلے کنٹراسٹ تناسب دکھائے جاتے ہیں۔
4. 4
   ایکسپورٹ اور آئی ڈراپر آؤٹ پٹ

   پیلیٹ CSS custom properties، SCSS variables، Tailwind config ٹکڑے یا JSON کے طور پر کاپی ہو سکتی ہے۔ کلک سے نمونہ لینے والا آئی ڈراپر پیش منظر پر آپ کے کلک کو مکمل ریزولوشن canvas پر اصل پکسل نقاط سے جوڑتا ہے، اور اس پکسل کا رنگ الگ منتخب رنگوں کی فہرست میں شامل کرتا ہے۔ PNG پیلیٹ پٹی Canvas toBlob() سے ڈاؤن لوڈ ہو سکتی ہے۔

متعلقہ ٹولز