ٹولز95

ایڈٹ / ایک عملی تصویری گائیڈ

تصویر کے رنگوں کا انتخاب کیسے کریں اور پیلیٹ کیسے بنائیں

ایک ایسے رنگ سے آگے بڑھیں جسے آپ محسوس کرتے ہیں ان اقدار کی طرف جنہیں آپ استعمال کر سکتے ہیں۔

ایک تصویر مفید رنگ کی سمت تجویز کر سکتی ہے، لیکن خودکار پیلیٹ صرف ایک نقطہ آغاز ہے۔ امیج کلر پکر ایک میگنیفائیڈ پکسل پکر، قابل ترمیم سواچز اور ڈیزائن یا کوڈ کے لیے ایکسپورٹ کو یکجا کرتا ہے۔ یہ گائیڈ نباتاتی نمونے سے چھ رنگ نکالنے کے حقیقی نتیجے کا استعمال کرتی ہے۔

گائیڈ پر عمل کریں
ایک حقیقی ان پٹ اور ڈاؤن لوڈ کردہ نتیجہ
پہلے جامنی پھولوں اور سبز پتوں کی اصل تصویر، گرم آڑو (peach) رنگ کے پس منظر کے ساتھ۔

collage-botanical.jpg: 1200 x 900 px, 199,152 بائٹس۔

بعد میں چھ رنگوں کا اصل پیلیٹ جس میں نباتاتی تصویر سے ایکسٹریکٹ کیے گئے آڑو، ٹوپ، زیتونی اور جامنی سواچز لیبل کیے گئے ہیں۔

palette.png: 600 x 500 px, 9,163 بائٹس۔

اصل نباتاتی سیمپل اور چھ رنگوں کا اصل PNG پیلیٹ۔ رنگوں کو ایک کم کردہ سیمپل سے گروپ کیا گیا ہے؛ کارڈ میں ایکسٹریکٹ شدہ HEX اقدار شامل ہیں، نہ کہ دوبارہ رنگین کی گئی تصویر۔
اشتہارات
فوری ویڈیو ٹیوٹوریل How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. انگریزی بیان ویڈیو دیکھیں

How to pick an image color and export a palette

اشتہارات

پہلے مثال کے پیلیٹ کو ایکسٹریکٹ کریں، پھر درست انتخاب اور دستی ترامیم کا استعمال کرتے ہوئے فیصلہ کریں کہ کون سے رنگ آپ کے اپنے پروجیکٹ میں شامل ہونے چاہئیں۔ امیج کلر پکر کھولیں.

01

اپ لوڈ کریں اور ابتدائی پیلیٹ نکالیں

امیج کلر پکر کھولیں اور ایک سپورٹ شدہ تصویر اپ لوڈ کریں، یا نمونہ آزمائیں۔ خودکار ایکسٹریکشن سورس کو سرور پر اپ لوڈ کرتی ہے۔ اس گائیڈ میں نمونہ collage-botanical.jpg ہے، جو پھولوں، پتوں اور آڑو کے رنگ کے پس منظر کی 1200 x 900 تصویر ہے۔

نکالنے کے لیے رنگوں کو 6 پر چھوڑ دیں اور مثال کے لیے ڈومیننٹ منتخب کریں۔ ڈومیننٹ اہم تصویری رنگوں کی حمایت کرتا ہے، جبکہ وائبرنٹ رنگین ایکسنٹس کو زیادہ اثر دیتا ہے۔ ایک درخواست 3 سے 12 رنگ استعمال کر سکتی ہے؛ کم الگ واضح گروپس والی تصویر کم رنگ واپس کر سکتی ہے۔

اصل ڈومیننٹ نتیجے میں #E3B49F، #A5927F، #F3C2AC، #FBCEBA، #746E4F، #C297CA شامل ہیں۔ سب سے بڑا گروپ #E3B49F ہے جو نمونے والے مرئی پکسلز کا تقریباً 28.88% ہے۔ ایکسٹریکشن نے 512 x 384 نمونہ استعمال کیا؛ وہ فیصد مکمل ریزولیوشن تصویر کی درست مردم شماری نہیں ہے۔

پیلیٹ کا رنگ قریبی رنگوں کا اوسط ہو سکتا ہے۔ جب آپ کو ایک چھوٹی تفصیل کی قدر درکار ہو تو ایک خاص پکسل منتخب کریں۔

02

انفرادی رنگ منتخب کریں اور بہتر بنائیں

میگنیفائر کے ساتھ پکسل کا معائنہ کرنے کے لیے تصویر پر کلک کریں یا تھپتھپائیں۔ تصویر پر فوکس کریں اور ایک پکسل منتقل کرنے کے لیے تیر والے بٹنوں کا استعمال کریں، دس منتقل کرنے کے لیے شفٹ کے ساتھ تیر، پھر منتخب کرنے کے لیے انٹر دبائیں۔ اس کے انفرادی کاپی بٹن کے ساتھ HEX، RGB یا HSL کاپی کریں، یا 'پیلیٹ میں شامل کریں' کا استعمال کریں۔

کسی سواچ کو منتخب کریں تاکہ اس کی HEX قدر یا رنگ تبدیل کیا جا سکے، اسے بائیں یا دائیں منتقل کیا جا سکے، یا اسے ہٹایا جا سکے۔ کسٹم رنگ شامل کرنے کے لیے اپنی پسند کی HEX قدر درج کریں۔ لاک کلر (Lock color) کسی منتخب سواچ کو اس وقت محفوظ رکھتا ہے جب 'Refresh palette' یا تبدیل شدہ ایکسٹریکشن سیٹنگ کوئی نیا ابتدائی پیلیٹ تیار کرتی ہے۔

سیمپلنگ اور شفافیت (Transparency) میں 'Source color' اور 'Composite over a background' کے اختیارات موجود ہیں۔ 'Source color' متعلقہ ہونے پر کاپی کیے گئے کوڈز میں اوپیسٹی (opacity) شامل کرتا ہے؛ 'Composite' منتخب کردہ سیمپل بیک گراؤنڈ پر پکسل کو ملا کر دکھاتا ہے۔ پیلیٹ کے سواچز خود غیر شفاف RGB اقدار ہوتے ہیں۔ ترمیم شدہ اور منتخب کردہ رنگوں کی کوئی تخمینی سورس فیصد نہیں ہوتی۔

براؤزر کے ذریعے ڈی کوڈ ہونے والی تصاویر براؤزر کے sRGB سیمپلز استعمال کرتی ہیں۔ اگر نارملائزڈ پریویو استعمال کیا جائے، تو پکر واضح طور پر اپنے رنگوں اور کوآرڈینیٹس کو تخمینی کے طور پر لیبل کرتا ہے۔

اس گائیڈ میں دی گئی مثال

ایکسٹریکٹ کرنے کے لیے رنگ: 6؛ غالب؛ کوئی دستی تبدیلی یا لاک نہیں؛ Save as: PNG۔ خودکار ایکسٹریکشن نے 512 x 384 پکسلز سیمپل کیے۔

ماخذ تصویر
1200 x 900 px
ایکسٹریکٹ شدہ رنگ
6 غیر شفاف رنگ
پیلیٹ کارڈ
600 x 500 px
ڈاؤن لوڈ کردہ PNG
9,163 بائٹس
03

ٹیکسٹ اور بیک گراؤنڈ کے جوڑے کو چیک کریں

رنگوں کے تضاد (Contrast) کی جانچ کھولیں۔ کلر کنٹرولز کے ساتھ ٹیکسٹ اور بیک گراؤنڈ سیٹ کریں، HEX کوڈز درج کریں، یا کسی بھی طرف کے لیے منتخب کردہ رنگ استعمال کریں۔ لائیو ٹیکسٹ سیمپل آپ کو جوڑے کا موازنہ کرنے دیتا ہے، اور تناسب کے ساتھ الگ الگ Normal AA، Normal AAA، Large AA اور Large AAA کے نتائج دکھائے جاتے ہیں۔

مطلوبہ مقصد کے لیے ایک جوڑا منتخب کریں، بجائے اس کے کہ یہ فرض کر لیا جائے کہ ہر ایکسٹریکٹ شدہ رنگ ٹیکسٹ کے طور پر استعمال ہو سکتا ہے۔ ہلکی آڑو (peach) اور ہلکی جامنی (purple) رنگ کی جوڑی تصویر میں تو اچھی لگ سکتی ہے لیکن ٹیکسٹ اور بیک گراؤنڈ کے امتزاج کے طور پر یہ کمزور ہو سکتی ہے۔

یہ کنٹرول صرف ٹیکسٹ کنٹراسٹ کے لیے رنگوں کے اس جوڑے کی جانچ کرتا ہے۔ یہ مکمل ایکسیسیبلٹی آڈٹ نہیں ہے اور یہ فیصلہ نہیں کرتا کہ ٹائپوگرافی، کی بورڈ انٹریکشن یا ڈیزائن کا باقی حصہ قابل استعمال ہے یا نہیں۔

ایک پاس ہونے والا کنٹراسٹ تناسب ایک مفید جانچ ہے، اس بات کی ضمانت نہیں کہ پورا صفحہ ایکسیسیبل ہے۔

04

اقدار کاپی کریں یا پیلیٹ ایکسپورٹ کریں

فوری ہینڈ آف کے لیے، انفرادی کوڈ کاپی کریں یا 'Copy palette HEX colors' استعمال کریں۔ فائل کے لیے، 'Save as' منتخب کریں اور 'Start' پر کلک کریں۔ PNG ایک لیبل شدہ پیلیٹ تصویر بناتا ہے؛ SVG سواچز اور لیبلز کو ویکٹر مواد کے طور پر رکھتا ہے؛ CSS نمبر والے کلر ویری ایبلز فراہم کرتا ہے؛ JSON میں HEX، RGB اور HSL اقدار شامل ہوتی ہیں۔

غیر ترمیم شدہ چھ رنگوں والی مثال palette.png کو 600 x 500 پکسلز اور 9,163 بائٹس پر ایکسپورٹ کرتی ہے۔ اس کے سواچ کی ترتیب پیلیٹ سے مطابقت رکھتی ہے۔ ترمیم کے بعد آپ کے حتمی پیلیٹ میں 1 سے 12 رنگ ہو سکتے ہیں، حالانکہ خودکار ابتدائی تعداد مختلف تھی۔

چھوڑنے یا ریفریش کرنے سے پہلے ڈاؤن لوڈ کریں۔ حتمی ایکسپورٹ سرور پر پروسیسنگ کے لیے سورس اور منتخب کردہ رنگوں کو اپ لوڈ کرتی ہے۔ یہ ایک نئی پیلیٹ فائل بناتی ہے اور اصل تصویر کو دوبارہ رنگین یا تبدیل نہیں کرتی۔

PNG اور SVG آسان بصری حوالہ جات ہیں۔ CSS اور JSON اس وقت مفید ہوتے ہیں جب اگلے مرحلے میں دوبارہ استعمال کے قابل رنگ اقدار کی ضرورت ہو۔

مفید تفصیلات

عام سوالات

کیا آئی ڈراپر (eyedropper) وہی رنگ واپس کرتا ہے جو خودکار ایکسٹریکشن کرتی ہے؟

ضروری نہیں۔ منتخب کردہ قدر کسی خاص سورس یا پریویو پکسل کو بیان کرتی ہے۔ خودکار ایکسٹریکشن سیمپل شدہ پکسلز کو گروپ کرتی ہے اور اوسط رنگ واپس کر سکتی ہے۔

کیا شفاف پکسلز شمار کیے جاتے ہیں؟

مکمل طور پر شفاف پکسلز کو ایکسٹریکشن سے خارج کر دیا جاتا ہے۔ جزوی طور پر شفاف پکسلز کا وزن کم ہوتا ہے۔ سورس سیمپلنگ اوپیسٹی دکھا سکتی ہے، لیکن ایکسپورٹ شدہ پیلیٹ سواچز غیر شفاف ہوتے ہیں۔

ریفریش کرنے پر لاک کیے گئے رنگوں کا کیا ہوتا ہے؟

لاک کیے گئے رنگ پیلیٹ میں رہتے ہیں جبکہ نئے ایکسٹریکٹ شدہ رنگ باقی پوزیشنز کو بھر دیتے ہیں۔ برقرار رکھے گئے یا ترمیم شدہ رنگ کو کوئی فرضی تصویر کا فیصد تفویض نہیں کیا جاتا۔

کیا میں اسے برانڈ کے درست رنگ کے لیے استعمال کر سکتا ہوں؟

براہ راست معلوم HEX قدر درج کریں یا مناسب سورس پکسل منتخب کریں۔ تصویر کی روشنی، کمپریشن، کلر مینجمنٹ اور نارملائزڈ پریویوز سیمپل شدہ اقدار کو تبدیل کر سکتے ہیں، لہذا خودکار فوٹو پیلیٹ اصل برانڈ کی تفصیلات کا ثبوت نہیں ہے۔

آپ کی باری

ایک ایسا پیلیٹ بنائیں جسے آپ اپنے اگلے ڈیزائن میں لے جا سکیں

ایک نمونہ آزمائیں یا اپنی فائل استعمال کریں، اور شیئر کرنے سے پہلے نتیجے کا جائزہ لیں۔

امیج کلر پکر کھولیں

تصویر کی تفصیل

زبان38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

اپنی زبان منتخب کریں۔ ویڈیو ٹیوٹوریلز فی الحال انگریزی بیانیہ استعمال کرتے ہیں۔