প্রথমে উদাহরণ প্যালেটটি এক্সট্রাক্ট করুন, তারপর আপনার নিজের প্রজেক্টে কোন রঙগুলি থাকবে তা নির্ধারণ করতে সুনির্দিষ্ট পিকিং এবং ম্যানুয়াল সম্পাদনা ব্যবহার করুন। ইমেজ কালার পিকার খুলুন.
আপলোড করুন এবং একটি স্টার্টিং প্যালেট এক্সট্র্যাক্ট করুন
ইমেজ কালার পিকার খুলুন এবং একটি সমর্থিত ছবি আপলোড করুন, অথবা নমুনাটি ব্যবহার করে দেখুন। অটোমেটিক এক্সট্র্যাকশন সোর্সটিকে সার্ভারে আপলোড করে। এই গাইডের নমুনাটি হলো collage-botanical.jpg, যা ফুল, পাতা এবং পিচ-রঙের ব্যাকগ্রাউন্ডের একটি 1200 x 900 ছবি।
এক্সট্র্যাক্ট করার জন্য রঙগুলোকে 6-এ রাখুন এবং উদাহরণের জন্য ডমিন্যান্ট (Dominant) নির্বাচন করুন। ডমিন্যান্ট ইমেজের প্রধান রঙগুলোকে প্রাধান্য দেয়, যেখানে ভাইব্র্যান্ট (Vibrant) রঙিন অ্যাকসেন্টগুলোকে বেশি প্রভাব দেয়। একটি অনুরোধে 3 থেকে 12টি রঙ ব্যবহার করা যেতে পারে; কম স্বতন্ত্র দৃশ্যমান গ্রুপযুক্ত একটি ছবি কম রঙ দিতে পারে।
প্রকৃত ডমিন্যান্ট ফলাফলে #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA রয়েছে। বৃহত্তম গ্রুপটি হলো #E3B49F, যা নমুনাভুক্ত দৃশ্যমান পিক্সেলের প্রায় 28.88%। এক্সট্র্যাকশনে একটি 512 x 384 নমুনা ব্যবহার করা হয়েছে; সেই শতাংশগুলো সম্পূর্ণ রেজোলিউশনের ইমেজের সঠিক আদমশুমারি নয়।
প্যালেট কালার কাছাকাছি রঙগুলোর গড় হতে পারে। যখন আপনার একটি ছোট ডিটেইলের মান প্রয়োজন হয়, তখন একটি নির্দিষ্ট পিক্সেল বাছাই করুন।
স্বতন্ত্র রঙগুলো বাছাই এবং রিফাইন করুন
ম্যাগনিফায়ার দিয়ে পিক্সেল পরীক্ষা করতে ছবিতে ক্লিক বা ট্যাপ করুন। ইমেজ ফোকাস করুন এবং এক পিক্সেল সরানোর জন্য অ্যারো কি, দশ পিক্সেল সরানোর জন্য শিফট প্লাস অ্যারো ব্যবহার করুন, তারপর পিক করতে এন্টার চাপুন। এর স্বতন্ত্র কপি বাটন দিয়ে HEX, RGB বা HSL কপি করুন, অথবা 'প্যালেটে যোগ করুন' (Add to palette) ব্যবহার করুন।
একটি সোয়াচ নির্বাচন করুন এর HEX মান বা রঙ পরিবর্তন করতে, এটিকে বামে বা ডানে সরাতে, অথবা মুছে ফেলতে। একটি কাস্টম রঙ যোগ করতে আপনার পছন্দের একটি HEX মান গ্রহণ করুন। লক কালার একটি নির্বাচিত সোয়াচকে সংরক্ষণ করে যখন রিফ্রেশ প্যালেট বা একটি পরিবর্তিত এক্সট্রাকশন সেটিং অন্য একটি প্রারম্ভিক প্যালেট তৈরি করে।
স্যাম্পলিং এবং ট্রান্সপারেন্সি সোর্স কালার এবং ব্যাকগ্রাউন্ডের উপর কম্পোজিট অফার করে। সোর্স কালারে প্রাসঙ্গিক হলে কপি করা কোডগুলিতে অস্বচ্ছতা অন্তর্ভুক্ত থাকে; কম্পোজিট নির্বাচিত স্যাম্পল ব্যাকগ্রাউন্ডের উপর মিশ্রিত পিক্সেল দেখায়। প্যালেট সোয়াচগুলি নিজেরাই অস্বচ্ছ RGB মান। সম্পাদিত এবং বাছাই করা রঙগুলির কোনো আনুমানিক সোর্স শতাংশ নেই।
ব্রাউজার-ডিকোডেবল ছবিগুলি ব্রাউজার sRGB স্যাম্পল ব্যবহার করে। যদি একটি নরমালাইজড প্রিভিউ ব্যবহার করা হয়, তবে পিকারটি স্পষ্টভাবে এর রঙ এবং স্থানাঙ্কগুলিকে আনুমানিক হিসেবে লেবেল করে।
এই নির্দেশিকার উদাহরণ
এক্সট্রাক্ট করার জন্য রঙ: 6; ডমিন্যান্ট; কোনো ম্যানুয়াল পরিবর্তন বা লক নেই; সেভ অ্যাজ: PNG। স্বয়ংক্রিয় এক্সট্রাকশন 512 x 384 পিক্সেল স্যাম্পল করেছে।
- উৎস ছবি
- 1200 x 900 px
- এক্সট্রাক্ট করা রঙ
- 6 অস্বচ্ছ রঙ
- প্যালেট কার্ড
- 600 x 500 px
- ডাউনলোড করা হয়েছে PNG
- 9,163 বাইট
একটি টেক্সট এবং ব্যাকগ্রাউন্ড জোড়া পরীক্ষা করুন
কালার কন্ট্রাস্ট চেক খুলুন। কালার কন্ট্রোল দিয়ে টেক্সট এবং ব্যাকগ্রাউন্ড সেট করুন, HEX কোড লিখুন, অথবা যেকোনো পাশের জন্য বাছাই করা রঙ ব্যবহার করুন। লাইভ টেক্সট স্যাম্পল আপনাকে জোড়াটি তুলনা করতে দেয় এবং অনুপাতটির সাথে আলাদাভাবে নরমাল AA, নরমাল AAA, লার্জ AA এবং লার্জ AAA ফলাফল থাকে।
উদ্দেশ্য অনুযায়ী একটি জোড়া বেছে নিন, এটি ধরে না নিয়ে যে প্রতিটি এক্সট্রাক্ট করা রঙ টেক্সট হিসেবে ব্যবহার করা যাবে। একটি হালকা পিচ এবং হালকা বেগুনি রঙ একটি ছবিতে একসাথে কাজ করতে পারে, কিন্তু টেক্সট এবং ব্যাকগ্রাউন্ডের সংমিশ্রণ হিসেবে তা দুর্বল হতে পারে।
এই কন্ট্রোলটি শুধুমাত্র টেক্সট কন্ট্রাস্টের জন্য রঙের জোড়াটি পরীক্ষা করে। এটি একটি সম্পূর্ণ অ্যাক্সেসিবিলিটি অডিট নয় এবং এটি নির্ধারণ করে না যে টাইপোগ্রাফি, কীবোর্ড ইন্টারঅ্যাকশন বা ডিজাইনের বাকি অংশ ব্যবহারযোগ্য কিনা।
একটি পাসিং কন্ট্রাস্ট রেশিও একটি দরকারী পরীক্ষা, এটি কোনো গ্যারান্টি নয় যে পুরো পেজটি অ্যাক্সেসযোগ্য।
মান কপি করুন বা প্যালেট এক্সপোর্ট করুন
দ্রুত হ্যান্ডঅফের জন্য, একটি পৃথক কোড কপি করুন অথবা কপি প্যালেট HEX কালার ব্যবহার করুন। ফাইলের জন্য, সেভ অ্যাজ বেছে নিন এবং স্টার্ট নির্বাচন করুন। PNG একটি লেবেলযুক্ত প্যালেট ছবি তৈরি করে; SVG সোয়াচ এবং লেবেলগুলিকে ভেক্টর কন্টেন্ট হিসেবে রাখে; CSS সংখ্যাযুক্ত কালার ভেরিয়েবল প্রদান করে; JSON-এ HEX, RGB এবং HSL মান থাকে।
সম্পাদনা না করা ছয়-রঙের উদাহরণটি palette.png-কে 600 x 500 পিক্সেল এবং 9,163 বাইটে এক্সপোর্ট করে। এর সোয়াচ ক্রম প্যালেটের সাথে মেলে। সম্পাদনার পর আপনার চূড়ান্ত প্যালেটে 1 থেকে 12 টি রঙ থাকতে পারে, এমনকি যখন স্বয়ংক্রিয় প্রারম্ভিক সংখ্যা ভিন্ন ছিল তখনও।
চলে যাওয়ার বা রিফ্রেশ করার আগে ডাউনলোড করুন। চূড়ান্ত এক্সপোর্ট সার্ভার প্রসেসিংয়ের জন্য সোর্স এবং নির্বাচিত রঙগুলি আপলোড করে। এটি একটি নতুন প্যালেট ফাইল তৈরি করে এবং মূল ছবিটিকে পুনরায় রঙ করে না বা প্রতিস্থাপন করে না।
PNG এবং SVG সুবিধাজনক ভিজ্যুয়াল রেফারেন্স। CSS এবং JSON তখন দরকারী যখন পরবর্তী ধাপে পুনরায় ব্যবহারযোগ্য রঙের মানের প্রয়োজন হয়।
সাধারণ প্রশ্ন
আইড্রপার কি স্বয়ংক্রিয় এক্সট্রাকশনের মতো একই রঙ প্রদান করে?
সবসময় নয়। একটি বাছাই করা মান একটি নির্দিষ্ট সোর্স বা প্রিভিউ পিক্সেল বর্ণনা করে। স্বয়ংক্রিয় এক্সট্রাকশন স্যাম্পল করা পিক্সেলগুলিকে গ্রুপ করে এবং গড় রঙ প্রদান করতে পারে।
স্বচ্ছ পিক্সেল কি গণনা করা হয়?
সম্পূর্ণ স্বচ্ছ পিক্সেল এক্সট্রাকশন থেকে বাদ দেওয়া হয়। আংশিক স্বচ্ছ পিক্সেলগুলির ওজন কম থাকে। সোর্স স্যাম্পলিং অস্বচ্ছতা দেখাতে পারে, কিন্তু এক্সপোর্ট করা প্যালেট সোয়াচগুলি অস্বচ্ছ।
আমি রিফ্রেশ করলে লক করা রঙগুলির কী হয়?
লক করা রঙগুলি প্যালেটে থেকে যায় যখন নতুন এক্সট্রাক্ট করা রঙগুলি অন্য অবস্থানগুলি পূরণ করে। একটি সংরক্ষিত বা সম্পাদিত রঙকে কোনো কাল্পনিক ছবির শতাংশ বরাদ্দ করা হয় না।
আমি কি এটি একটি সঠিক ব্র্যান্ড রঙের জন্য ব্যবহার করতে পারি?
সরাসরি একটি পরিচিত HEX মান লিখুন অথবা একটি উপযুক্ত সোর্স পিক্সেল বেছে নিন। ছবির আলো, কম্প্রেশন, কালার ম্যানেজমেন্ট এবং নরমালাইজড প্রিভিউ স্যাম্পল করা মান পরিবর্তন করতে পারে, তাই একটি স্বয়ংক্রিয় ছবির প্যালেট মূল ব্র্যান্ড স্পেসিফিকেশনের প্রমাণ নয়।
এমন একটি প্যালেট তৈরি করুন যা আপনি আপনার পরবর্তী ডিজাইনে ব্যবহার করতে পারেন
একটি নমুনা ব্যবহার করে দেখুন বা আপনার নিজের ফাইল ব্যবহার করুন এবং শেয়ার করার আগে ফলাফল পর্যালোচনা করুন।
