কালার মিক্সার
নতুনযেকোনো অনুপাতে দুটি রঙ মিশ্রিত করুন এবং ফলাফল বা যেকোনো ধাপ কপি করুন।
Click a swatch to copy its hex.
Mix colors from an image
Upload an image, choose a target color above, then click the image to sample that pixel. Images are decoded in your browser and never uploaded.
Paint (subtractive) results are realistic approximations of pigment mixing, not exact recipes — real paints and inks vary by brand and opacity.
Runs entirely in your browser. Nothing is uploaded.
পেইন্ট বা আলোর জন্য একটি ফ্রি অনলাইন কালার মিক্সার
এই কালার মিক্সার দুটি — বা আরও বেশি — রঙকে একটি নতুন রঙে একত্র করে এবং তাদের মধ্যকার পুরো গ্রেডিয়েন্ট স্টেপ দেখায়। সোয়াচ দিয়ে রঙ বেছে নিন, একটি হেক্স কোড লিখুন, বা আপলোড করা একটি ছবি থেকে সরাসরি স্যাম্পল করুন, তারপর মিশ্রিত ফলাফল HEX, RGB, HSL এবং CMYK আকারে পড়ুন। সবকিছু আপনার ব্রাউজারে চলে, তাই এটি তাৎক্ষণিক এবং আপনার লোড করা কিছু কখনও কোথাও আপলোড হয় না।
বেশিরভাগ টুল যেখানে শুধু একটি সাধারণ লিনিয়ার ব্লেন্ড করে, এটি আপনাকে তিনটি ভিন্ন উপায়ে অনলাইনে দুটি রঙ মেশাতে দেয় এবং পার্থক্যটি দেখায় সাথে সাথে — যাতে আপনি একজন চিত্রশিল্পী যা আশা করেন তা পান, একটি স্ক্রিন যা উৎপন্ন করে তা পান, অথবা গ্রেডিয়েন্ট এবং ডিজাইন সিস্টেমের জন্য একটি সহজ গাণিতিক মধ্যবিন্দু পান।
সাবট্র্যাক্টিভ, অ্যাডিটিভ, বা একটি সাধারণ ব্লেন্ড — তিনটি মিক্সিং মডেল
সাবট্র্যাক্টিভ মিক্সিং পেইন্ট এবং পিগমেন্ট মডেল করে: রঙ আলো শোষণ (বিয়োগ) করে, তাই নীল + হলুদ = সবুজ, লাল + হলুদ = কমলা, এবং লাল + নীল = বেগুনি — স্বজ্ঞাত “কোন দুই রঙে X হয়” ফলাফল যা বাস্তব পেইন্ট, কালি এবং CMYK প্রিন্টিংয়ের সাথে মেলে। অ্যাডিটিভ মিক্সিং আলো মডেল করে: লাল, সবুজ এবং নীল যোগ হয়, তাই লাল + সবুজ = হলুদ এবং তিনটি একসাথে সাদা তৈরি করে — যেভাবে স্ক্রিন, প্রজেক্টর এবং স্টেজ লাইট আচরণ করে।
তৃতীয় মোড, ব্লেন্ড, একটি সরল লিনিয়ার ইন্টারপোলেশন যা RGB চ্যানেলের গড় বের করে সঠিক সংখ্যাগত মধ্যবিন্দু খুঁজে বের করে — গ্রেডিয়েন্ট, UI টিন্ট এবং ডিজাইন টোকেন জেনারেশনের জন্য আদর্শ। একটি টগল তিনটির মধ্যে পাল্টায়, এবং ব্লেন্ড স্ট্রিপ তৎক্ষণাৎ পুনরায় আঁকা হয় যাতে আপনি দেখতে পারেন একটি নীল-থেকে-হলুদ পেইন্ট মিক্স সাবট্র্যাক্টিভ মাঝখানে বাস্তবসম্মত সবুজের মধ্য দিয়ে কীভাবে যায়, অ্যাডিটিভ আলো হিসেবে এটি যে খুবই ভিন্ন পথ নেয় তার তুলনায়।
কোন দুই রঙে সবুজ, কমলা, বেগুনি এবং বাদামি হয়?
বিল্ট-ইন কালার মিক্সার চার্ট এক ট্যাপেই সবচেয়ে বেশি অনুসন্ধান করা পিগমেন্ট প্রশ্নের উত্তর দেয়: নীল + হলুদ থেকে সবুজ, লাল + হলুদ থেকে কমলা, লাল + নীল থেকে বেগুনি, নীল + সবুজ থেকে টিল, এবং কমলা + নীলের মতো দুটি কমপ্লিমেন্টারি রঙ থেকে একটি বাস্তবসম্মত বাদামি। চার্টের যেকোনো জোড়ায় ট্যাপ করুন এটিকে সাবট্র্যাক্টিভ মোডে মিক্সারে লোড করতে এবং সঠিক হেক্স ফলাফল ও কালার কোড দেখতে।
সাবট্র্যাক্টিভ ইঞ্জিন যেহেতু পিগমেন্ট আসলে যেভাবে মেশে সেভাবে মেশায়, সেকেন্ডারি রঙগুলো সঠিকভাবে আসে এবং টারশিয়ারি রঙ স্বাভাবিকভাবে বাদামির দিকে ম্লান হয়ে যায় — বাস্তব পেইন্ট বেশি মেশালে যে ঘোলাটে ভাব হয় ঠিক তেমনই। অনুপাত স্লাইডার আপনাকে অনুপাত সুনির্দিষ্টভাবে নিয়ন্ত্রণ করতে দেয়: ৭০% লাল + ৩০% নীল ৫০/৫০ স্প্লিটের চেয়ে বেশি উষ্ণ, ম্যাজেন্টা-ঘেঁষা বেগুনি দেয়।
একটি ছবি থেকে মেশান — এবং দুইয়ের বেশি রঙ মেশান
যেকোনো ছবি আপলোড করুন এবং সরাসরি এর থেকে রঙ স্যাম্পল করতে আইড্রপার ব্যবহার করুন — একটি প্রোডাক্ট ছবি, একটি পেইন্ট সোয়াচ, বা একটি অনুপ্রেরণাদায়ক ছবি থেকে একটি ব্র্যান্ড রঙ মেলানোর জন্য নিখুঁত। দুই বা ততোধিক পিক্সেল বেছে নিন এবং সেগুলো মেশান। ছবিটি একটি HTML canvas ব্যবহার করে স্থানীয়ভাবে ডিকোড করা হয়, তাই এখানে একটি ইমেজ থেকে কালার মিক্সার-এর মানে হলো আপনার ফাইল কখনও ডিভাইস ছেড়ে যায় না — গোপনীয় ব্র্যান্ড অ্যাসেট এবং অপ্রকাশিত ডিজাইন মকআপ উভয়ের জন্যই উপযুক্ত।
দুইয়ের বেশি একত্র করতে চান? তৃতীয়, চতুর্থ, পঞ্চম বা ষষ্ঠ সোয়াচ যোগ করতে ‘Add color’-এ ক্লিক করুন, প্রতিটির নিজস্ব ওয়েট স্লাইডার সহ। টুলটি আপনার সব ইনপুট জুড়ে ওয়েটেড মিক্স ফেরত দেয় — একটি প্যালেটের গড় বের করতে, একটি মাল্টি-পিগমেন্ট পেইন্ট ব্লেন্ড পুনরায় তৈরি করতে, বা ব্র্যান্ড রঙের একটি সেটের ভিজ্যুয়াল কেন্দ্র খুঁজে বের করতে দরকারি।
এটি Adobe Color, Coolors এবং colordesigner.io-এর সাথে কীভাবে তুলনীয়
Adobe Color (color.adobe.com) কালার হারমনি এক্সপ্লোরেশনের জন্য তৈরি — কমপ্লিমেন্টারি, ট্রায়াডিক, অ্যানালগাস — এবং এর জন্য একটি Adobe অ্যাকাউন্ট প্রয়োজন যা ডেটা Adobe-এর সার্ভারে সিঙ্ক করে। এতে সাবট্র্যাক্টিভ (পেইন্ট) বা অ্যাডিটিভ (আলো) মিক্সিং মডেল নেই এবং নির্দিষ্ট হেক্স কোড মেশানোর জন্য কোনো অনুপাত স্লাইডার নেই। Coolors (coolors.co) প্যালেট জেনারেশনের জন্য চমৎকার কিন্তু এর কালার মিক্সার শুধু একটি সাধারণ লিনিয়ার ব্লেন্ড করে — এই টুলের ‘Blend’ মোডের সমতুল্য — কোনো পেইন্ট-ফিজিক্স বা লাইট-ফিজিক্স মিক্সিং এবং ইমেজ স্যাম্পলিং ছাড়াই।
colordesigner.io একটি দুই-রঙের লিনিয়ার ব্লেন্ড এবং গ্রেডিয়েন্ট স্ট্রিপ দেয়, কিন্তু শুধু হেক্স মান আউটপুট দেয় — কোনো RGB, HSL বা CMYK নেই — এবং ফিজিক্স-ভিত্তিক মিক্সিং মডেল ও ইমেজ স্যাম্পলিংয়ের অভাব রয়েছে। এই টুল সেই ফাঁকগুলো পূরণ করে: তিনটি মিক্সিং মডেল (সাবট্র্যাক্টিভ, অ্যাডিটিভ, লিনিয়ার), চারটি একসাথে আউটপুট ফরম্যাট (HEX, RGB, HSL, CMYK), ইমেজ কালার স্যাম্পলিং, প্রতিটির নিজস্ব ওয়েট স্লাইডারসহ ছয়টি পর্যন্ত রঙ, এবং একটি শেয়ারযোগ্য URL। কোনো অ্যাকাউন্ট প্রয়োজন নেই, কোনো ব্যবহারের সীমা নেই, কোনো সার্ভার আপলোড নেই।
কপি করার জন্য প্রস্তুত প্রতিটি কোড — এবং একটি শেয়ারযোগ্য লিংক
ফলাফল কার্ডটি মিশ্রিত রঙের HEX, RGB, HSL এবং CMYK মান এবং নিকটতম নামাঙ্কিত CSS কালার দেখায়, এবং একটি ক্লিক এগুলোর যেকোনোটি ক্লিপবোর্ডে কপি করে। আপনার দুটি রঙের মধ্যে ২–২০টি সমান-দূরত্বের মধ্যবিন্দু সোয়াচ তৈরি করুন, একটি একক ধাপ কপি করুন, বা CSS গ্রেডিয়েন্ট বা ডিজাইন-সিস্টেম কালার র্যাম্পের জন্য একবারে পুরো সিকোয়েন্স নিন। একটি শেয়ারযোগ্য URL আপনার রঙ, অনুপাত এবং মডেল ধরে রাখে যাতে আপনি একজন সহকর্মী বা ক্লায়েন্টকে পর্যালোচনার জন্য একটি সঠিক মিক্স পাঠাতে পারেন।
ইনস্টল করার কিছু নেই এবং তৈরি করার কোনো অ্যাকাউন্ট নেই। কালার মিক্সিং, ইমেজ স্যাম্পলিং এবং কোড রূপান্তর সবই আপনার ব্রাউজারে স্থানীয়ভাবে ঘটে — আপনার রঙ এবং ছবিগুলো আপনার ডিভাইসেই থাকে। এই অনলাইন কালার মিক্সার বুকমার্ক করুন এবং সম্পূর্ণ নো-আপলোড কালার ওয়ার্কফ্লোর জন্য UtiloKit-এর Color Palette Generator এবং Contrast Checker-এর সাথে জুড়ে নিন।
অ্যাডিটিভ বনাম সাবট্র্যাক্টিভ মিক্সিং: পদার্থবিজ্ঞান কেন আলাদা
অ্যাডিটিভ কালার মিক্সিং হলো আলোর পদার্থবিজ্ঞান। আপনি যখন একটি সাদা দেয়ালের একই বিন্দুতে তিনটি রঙিন স্পটলাইট ফেলেন — একটি লাল, একটি সবুজ, একটি নীল — প্রতিটি একটি নির্দিষ্ট তরঙ্গদৈর্ঘ্যের ফোটন মিক্সে যোগ করে। লাল + সবুজ আলো হলুদ তৈরি করে; লাল + নীল আলো ম্যাজেন্টা তৈরি করে; সবুজ + নীল আলো সায়ান তৈরি করে; পূর্ণ শক্তিতে তিনটি একসাথে সাদা তৈরি করে। কম্পিউটার মনিটর, স্মার্টফোন স্ক্রিন, টেলিভিশন, প্রজেক্টর এবং LED বাল্ব সবাই ঠিক এই নীতিতে কাজ করে।
সাবট্র্যাক্টিভ কালার মিক্সিং হলো পিগমেন্ট এবং কালির পদার্থবিজ্ঞান। একটি হলুদ পিগমেন্ট হলুদ দেখায় কারণ এটি ছোট-তরঙ্গদৈর্ঘ্যের (নীল) আলো শোষণ করে এবং বাকিটা প্রতিফলিত করে; একটি সায়ান পিগমেন্ট দীর্ঘ-তরঙ্গদৈর্ঘ্যের (লাল) আলো শোষণ করে। আপনি যখন দুটি মেশান, উভয় শোষণই একসাথে কার্যকর থাকে — মিশ্রিত পিগমেন্ট নীল এবং লাল উভয়ই শোষণ করে, মূলত সবুজ প্রতিফলিত করে। এই কারণেই কালি এবং পেইন্টে সায়ান + হলুদ = সবুজ, এবং কেন CMYK প্রিন্টিং প্রাইমারি হিসেবে সায়ান, ম্যাজেন্টা এবং হলুদ ব্যবহার করে।
বেশিরভাগ প্রাথমিক স্কুলে শেখানো “প্রাইমারি কালার” — লাল, হলুদ এবং নীল (RYB) — একটি শিল্পবিপ্লব-পূর্ব চিত্রকলার ঐতিহ্য থেকে আসে যা রঙ উপলব্ধির বৈজ্ঞানিক বোঝাপড়ার আগেকার। RYB একটি ব্যবহারিক আনুমানিকতা: শিল্পীরা দেখেছিলেন তারা এই তিনটি থেকে বিস্তৃত পরিসরের পিগমেন্ট মেশাতে পারেন, এবং মডেলটি টিকে গেছে। কিন্তু এটি আলো (যেখানে প্রাইমারি RGB) বা প্রিন্টিং (যেখানে সেগুলো CMY) কোনোটিরই সবচেয়ে সঠিক বর্ণনা নয়। এই পেজের কালার মিক্সার আপনাকে বৈজ্ঞানিকভাবে ভিত্তিযুক্ত অ্যাডিটিভ (RGB) এবং সাবট্র্যাক্টিভ (CMY-ভিত্তিক) উভয় মডেলে প্রবেশাধিকার দেয়, ঐতিহাসিক RYB আনুমানিকতা নয়।
কালার স্পেস এবং তাদের গণিত
আপনি যখন #3B82F6-এর মতো একটি হেক্স কালার টাইপ করেন, আপনি একটি sRGB মান প্রকাশ করছেন: তিনটি ৮-বিট ইন্টিজার, প্রতিটি ০ থেকে ২৫৫ পর্যন্ত, ডিসপ্লে কতটা লাল, সবুজ এবং নীল আলো নির্গত করবে তা এনকোড করে। প্রতি চ্যানেল আট বিট ২৫৬টি ধাপ দেয়, ১৬.৭ মিলিয়ন সম্ভাব্য কম্বিনেশন দেয় — যথেষ্ট যাতে স্বাভাবিক দেখার দূরত্বে ধাপগুলো মানুষের চোখে অদৃশ্য থাকে। একই মানের HSL উপস্থাপনা রঙটিকে ভিন্নভাবে বর্ণনা করে: হিউ (০–৩৬০°, কালার হুইলে একটি অবস্থান), স্যাচুরেশন (০–১০০%, ধূসরের তুলনায় এটি কতটা রঙিন), এবং লাইটনেস (০–১০০%, যেখানে ০% সবসময় কালো, ১০০% সবসময় সাদা)।
সঠিক রঙ পার্থক্য পরিমাপের জন্য, ডিজাইনার এবং ইঞ্জিনিয়াররা CIE Lab কালার স্পেস (L*a*b* বা CIELAB হিসেবেও লেখা) ব্যবহার করেন। Lab পারসেপচুয়ালি ইউনিফর্ম হতে ডিজাইন করা হয়েছিল: স্পেসের যেকোনো জায়গায় একই মাত্রার একটি সংখ্যাগত পার্থক্য একই অনুভূত রঙ পার্থক্যের সাথে মিলবে, হিউ বা লাইটনেস নির্বিশেষে। তিনটি অক্ষ হলো L* (লাইটনেস, ০ = কালো, ১০০ = সাদা), a* (নেগেটিভ প্রান্তে সবুজ থেকে পজিটিভ প্রান্তে লাল), এবং b* (নেগেটিভ প্রান্তে নীল থেকে পজিটিভ প্রান্তে হলুদ)। ডেল্টা-ই (ΔE) মেট্রিক Lab স্পেসে দুটি বিন্দুর মধ্যে সরলরেখার দূরত্ব পরিমাপ করে।
এই টুল যে CMYK মান আউটপুট দেয় তা RGB মান থেকে সরাসরি গণনা করা একটি ডিভাইস-নিরপেক্ষ আনুমানিকতা — এগুলো আপনাকে প্রিন্টে তাত্ত্বিকভাবে রঙটি মেলাতে প্রয়োজনীয় কালির শতাংশ দেয়। প্রকৃত CMYK আউটপুট নির্দিষ্ট প্রেস, কালি সেট এবং কাগজের স্টকের ওপর ভারীভাবে নির্ভরশীল বলে, পেশাদার প্রিন্ট প্রোডাকশনে সবসময় একটি সঠিক ICC কালার প্রোফাইল রূপান্তর জড়িত থাকে সাধারণ RGB-টু-CMYK ফর্মুলার বদলে।
রঙ মেশানোর স্পেস কেন গুরুত্বপূর্ণ: গামা, OKLCH এবং CSS Color 4
প্রোগ্রামেটিক কালার মিক্সিংয়ে সবচেয়ে সাধারণ ভুল হলো sRGB হেক্স মানকে লিনিয়ার হিসেবে ধরে মেশানো। #808080-এর মতো একটি হেক্স কোড #FFFFFF-এর অর্ধেক উজ্জ্বল নয় — এটি প্রকৃতপক্ষে প্রায় ২১% উজ্জ্বল, কারণ sRGB মান গামা-এনকোডেড। sRGB স্ট্যান্ডার্ড একটি ট্রান্সফার ফাংশন প্রয়োগ করে (প্রায় ২.২ পাওয়ার) যাতে ০–২৫৫ সংখ্যাগত রেঞ্জ লিনিয়ার আলোর তীব্রতার বদলে অনুভূত লাইটনেস ধাপে ম্যাপ হয়। আপনি যখন দুটি গামা-এনকোডেড সংখ্যা সরাসরি গড় করেন — যেমন কালো (#000000) এবং সাদা (#FFFFFF) ৫০/৫০-এ মেশানো — আপনি #808080 পান, যা প্রকৃত পারসেপচুয়াল মিড-গ্রে-এর চেয়ে লক্ষণীয়ভাবে গাঢ় দেখায়। সঠিক লিনিয়ার-লাইট মিক্সিং-এ তিনটি ধাপ জড়িত: উভয় sRGB মানকে লিনিয়ার আলোতে রূপান্তর করা, লিনিয়ার মান গড় করা, তারপর আউটপুট sRGB মান পেতে পুনরায় গামা এনকোডিং প্রয়োগ করা। এভাবে কালো এবং সাদা মেশালে, ফলাফল প্রায় #BCBCBC — #808080-এর চেয়ে দৃশ্যমানভাবে হালকা এবং প্রকৃতপক্ষে পারসেপচুয়ালি দুইয়ের মাঝামাঝি।
২০২০ সালে ব্যিয়র্ন অটোসন প্রবর্তিত এবং এখন CSS Color 4 স্পেসিফিকেশনের অংশ OKLCH কালার স্পেস কালার ম্যানিপুলেশনের জন্য পারসেপচুয়াল ইউনিফর্মিটি সমস্যা সমাধানের জন্য বিশেষভাবে ডিজাইন করা। OKLCH তিনটি কম্পোনেন্ট দিয়ে রঙ বর্ণনা করে: L (অনুভূত লাইটনেস, ০–১), C (ক্রোমা, রঙিনতার একটি পরিমাপ), এবং H (হিউ অ্যাঙ্গেল, ০–৩৬০°)। OKLCH-এ সমান সংখ্যাগত ধাপ প্রায় সমান পারসেপচুয়াল ধাপ তৈরি করে — যা HSL-এর ক্ষেত্রে সত্য নয়, যেখানে হলুদ রেঞ্জে ৩০° হিউ ধাপ বিশাল দেখায় কিন্তু নীল রেঞ্জে একই ধাপ প্রায় অদৃশ্য।
CSS Color 4 নেটিভ color-mix() ফাংশন দিয়ে এটিকে আনুষ্ঠানিক রূপ দেয়, ২০২৩ সাল থেকে সব বড় ব্রাউজারে সমর্থিত। সিনট্যাক্স color-mix(in oklch, blue 50%, yellow 50%) ব্রাউজারকে বলে OKLCH কালার স্পেসে দুটি রঙ মেশাতে — নেভ RGB গড়ের চেয়ে একটি পরিষ্কার, প্রাণবন্ত সবুজ মধ্যবিন্দু তৈরি করে। UI কাজের জন্য, in oklch বা in oklab প্রস্তাবিত ডিফল্ট কারণ এগুলো পারসেপচুয়াল ইউনিফর্মিটির প্রতি শ্রদ্ধাশীল।
ডিজাইন সিস্টেম এবং টোনাল স্কেলে কালার মিক্সিং
প্রতিটি বড় ডিজাইন সিস্টেম একটি কালার স্কেল সরবরাহ করে — প্রতিটি হিউয়ের জন্য প্রায়-সাদা থেকে প্রায়-কালো পর্যন্ত একটি ধারাবাহিক ধাপ — এবং সেই স্টপগুলো তৈরি করতে ব্যবহৃত ইন্টারপোলেশন পদ্ধতি ফলাফলের মানের ওপর সরাসরি প্রভাব ফেলে। Tailwind CSS প্রতি রঙে ১১টি স্টপ তৈরি করে (৫০, ১০০, ২০০ থেকে ৯০০, এবং ৯৫০); Material Design 3 একটি একক সোর্স রঙ থেকে HCT কালার স্পেস ব্যবহার করে টোনাল প্যালেট তৈরি করে (CAM16 পারসেপচুয়াল মডেল এবং CIELab-এর একটি হাইব্রিড), যা নিশ্চিত করে স্কেলে ওপরে বা নিচে যাওয়া পারসেপচুয়ালি সমান অনুভূত হয়। মূল চ্যালেঞ্জটি সবসময় একই: নেভ RGB বা HSL ইন্টারপোলেশন এমন স্কেল তৈরি করে যেখানে মাঝের স্টপগুলো ঘোলাটে দেখায় বা অসমভাবে লাফ দেয়।
শিল্পী এবং শিক্ষক আলবার্ট মুনসেল ১৯০৫ সালে বিকশিত মুনসেল কালার সিস্টেম ছিল পারসেপচুয়ালি সমান ধাপে রঙ সাজানোর একটি প্রাথমিক সিস্টেম্যাটিক প্রচেষ্টা। মুনসেল তার কালার সলিডকে তিনটি স্বাধীন মাত্রা দিয়ে সাজিয়েছিলেন — হিউ, ভ্যালু (লাইটনেস), এবং ক্রোমা (স্যাচুরেশন) — এবং শারীরিকভাবে কাগজের নমুনা তৈরি করেছিলেন এমনভাবে দূরত্বে রাখা যাতে প্রতিটি সংলগ্ন জোড়া মানুষের চোখে সমান আলাদা দেখায়। মুনসেলের কাজ CIE-এর CIELAB এবং LCH মডেলের সরাসরি পূর্বসূরি ছিল।
CSS কাস্টম-প্রপার্টি-ভিত্তিক ডিজাইন সিস্টেমে গতি পাওয়া একটি প্যাটার্ন হলো প্রতি সিম্যান্টিক রোলের জন্য একটি একক “বেস” রঙ সংজ্ঞায়িত করা, তারপর color-mix() ব্যবহার করে হালকা এবং গাঢ় ভ্যারিয়েন্ট তৈরি করা: উদাহরণস্বরূপ, --surface-light: color-mix(in oklch, var(--brand-color) 10%, white)। এখন সব বড় ব্রাউজারে সমর্থিত light-dark() CSS ফাংশন একটি একক প্রপার্টিকে ব্যবহারকারীর কালার-স্কিম পছন্দের ওপর ভিত্তি করে দুটি মানের মধ্যে পাল্টাতে দেয়।
Frequently asked questions
আপনি কীভাবে অনলাইনে দুটি রঙ মেশান?
সোয়াচ দিয়ে বা হেক্স কোড টাইপ করে আপনার দুটি রঙ বেছে নিন, একটি মিক্সিং মডেল বেছে নিন (পেইন্ট/সাবট্র্যাক্টিভ, লাইট/অ্যাডিটিভ, বা একটি সাধারণ লিনিয়ার ব্লেন্ড), এবং অনুপাত স্লাইডার টানুন — ধরুন ৩০% / ৭০% — প্রতিটি রঙ ফলাফলে কতটা অবদান রাখে তা নিয়ন্ত্রণ করতে। মিশ্রিত রঙ এবং এর HEX, RGB, HSL এবং CMYK কোড তৎক্ষণাৎ আপডেট হয়; ক্লিপবোর্ডে কপি করতে যেকোনো ফরম্যাট সারিতে ক্লিক করুন। কোনো অ্যাকাউন্ট তৈরি করার প্রয়োজন নেই, কোনো অ্যাপ ইনস্টল করার প্রয়োজন নেই, এবং কোনো ফাইল সাইজ সীমা নেই — সবকিছু আপনার ব্রাউজারে চলে।
কোন দুই রঙ মিলিয়ে সবুজ হয়?
পেইন্ট বা পিগমেন্ট মেশানোর সময় (সাবট্র্যাক্টিভ মিক্সিং) নীল এবং হলুদ মিলে সবুজ হয়। মডেলটি সাবট্র্যাক্টিভে সেট করুন এবং #2563EB-এর মতো একটি নীলকে #FACC15-এর মতো একটি হলুদের সাথে মিশিয়ে প্রায় #61A73A-এর একটি সবুজ পান। একই সাবট্র্যাক্টিভ যুক্তি অন্য সেকেন্ডারি রঙ দেয়: লাল + হলুদ = কমলা, লাল + নীল = বেগুনি, এবং তিনটি প্রাইমারি একসাথে বাদামির দিকে ঘোলাটে হয়ে যায়। একটি স্ক্রিনে, যেখানে আপনি আলো মেশাচ্ছেন (অ্যাডিটিভ), নিয়মগুলো ভিন্ন — লাল + সবুজ আলো = হলুদ, এবং তিনটি পূর্ণ তীব্রতায় = সাদা।
অ্যাডিটিভ এবং সাবট্র্যাক্টিভ কালার মিক্সিংয়ের মধ্যে পার্থক্য কী?
অ্যাডিটিভ মিক্সিং আলো একত্র করে: লাল, সবুজ এবং নীল আলো চ্যানেল যোগ হয়, তাই লাল + সবুজ = হলুদ এবং তিনটি পূর্ণ শক্তিতে = সাদা। স্ক্রিন, প্রজেক্টর, টিভি এবং স্টেজ লাইটিং সবাই এভাবে কাজ করে — RGB মান প্রতিনিধিত্ব করে প্রতিটি চ্যানেল কতটা আলো নির্গত করে। সাবট্র্যাক্টিভ মিক্সিং পিগমেন্ট বা রং একত্র করে, যা আলোর তরঙ্গদৈর্ঘ্য শোষণ (বিয়োগ) করে; যত বেশি পিগমেন্ট যোগ করবেন তত গাঢ় হবে। নীল + হলুদ = সবুজ, লাল + হলুদ = কমলা, এবং তিনটি প্রাইমারি একসাথে ঘোলাটে বাদামি বা প্রায়-কালো তৈরি করে। CMYK প্রিন্টিং সাবট্র্যাক্টিভ। পেইন্ট প্রশ্নের জন্য সাবট্র্যাক্টিভ মডেল ব্যবহার করুন এবং স্ক্রিন/আলো প্রশ্নের জন্য অ্যাডিটিভ।
আমি কীভাবে দুটি হেক্স রঙ মেশাব?
প্রতিটি হেক্স কোড এর ফিল্ডে টাইপ বা পেস্ট করুন — লিডিং # সহ বা ছাড়া — উদাহরণস্বরূপ #FF5733 এবং #33C1FF। মিক্সার তৎক্ষণাৎ বর্তমান অনুপাতে এগুলো মেশায় এবং ফলাফল হেক্স কোড ফেরত দেয় (এই দুটির ৫০/৫০ ব্লেন্ড প্রায় #9989C6 দেয়) এর RGB, HSL এবং CMYK সমতুল্যের পাশাপাশি। #F53-এর মতো তিন-অঙ্কের শর্টহ্যান্ড হেক্সও গ্রহণযোগ্য এবং স্বয়ংক্রিয়ভাবে প্রসারিত হয়। কপি করতে যেকোনো ফলাফল সারিতে ক্লিক করুন। কপি করার আগে একটি রঙের দিকে ওজন সরাতে আপনি অনুপাত স্লাইডারও সমন্বয় করতে পারেন।
আমি কি একটি ছবি থেকে রঙ মেশাতে পারি?
হ্যাঁ। ‘Mix from image’ প্যানেল খুলুন, যেকোনো ফটো বা ডিজাইন স্ক্রিনশট আপলোড করুন, তারপর আপনার কালার স্লটে সরাসরি ছবি থেকে রঙ স্যাম্পল করতে ক্যানভাসে ক্লিক করুন। আপনি একই ফটো থেকে দুটি ভিন্ন রঙ বেছে নিয়ে সেগুলো মেশাতে পারেন। ছবিটি আপনার ব্রাউজারে JavaScript ব্যবহার করে একটি HTML canvas-এ স্থানীয়ভাবে ডিকোড করা হয় — কোনো সার্ভারে কোনো ডেটা আপলোড হয় না এবং আপনার ছবিগুলো আপনার ডিভাইসে সম্পূর্ণ প্রাইভেট থাকে।
কোন দুই রঙ মিলিয়ে বাদামি হয়?
বাদামি মূলত একটি গাঢ়, ডিস্যাচুরেটেড কমলা। সাবট্র্যাক্টিভ (পেইন্ট) মিক্সিংয়ে সবচেয়ে নির্ভরযোগ্য রেসিপি: তিনটি প্রাইমারি রঙ একত্র করুন (লাল + হলুদ + নীল), যা বাদামির দিকে ঘোলাটে হয়; বা কমলা + নীল বা লাল + সবুজের মতো দুটি কমপ্লিমেন্টারি রঙ মেশান। এই টুলে, মডেলটি সাবট্র্যাক্টিভে সেট করুন, কমলা (#F97316) এবং নীল (#3B82F6) লোড করুন, এবং আপনি #8C6650-এর কাছাকাছি একটি বাদামি পাবেন — একে উষ্ণ করতে (বেশি কমলা) বা শীতল করতে (বেশি নীল) অনুপাত স্লাইডার নাড়ান।
কোন দুই রঙ মিলিয়ে কমলা হয়?
লাল এবং হলুদ সাবট্র্যাক্টিভ (পেইন্ট) এবং অ্যাডিটিভ (আলো) উভয় মিক্সিংয়েই কমলা তৈরি করে। সাবট্র্যাক্টিভ মোডে, #DC2626-এর মতো একটি লালকে #FACC15-এর মতো একটি হলুদের সাথে প্রায় ৫০/৫০-এ মিশিয়ে প্রায় #E87318-এর একটি কমলা পান। একটি গভীর, পোড়া কমলার জন্য অনুপাত স্লাইডার লালের দিকে সমন্বয় করুন, বা একটি উজ্জ্বল সোনালি কমলার জন্য হলুদের দিকে।
কোন দুই রঙ মিলিয়ে বেগুনি বা ভায়োলেট হয়?
পেইন্ট (সাবট্র্যাক্টিভ) মিক্সিংয়ে লাল এবং নীল মিলে বেগুনি হয়। #DC2626-এর মতো একটি লালকে #2563EB-এর মতো একটি নীলের সাথে সাবট্র্যাক্টিভ মোডে ৫০/৫০-এ মিশিয়ে প্রায় #7444C4-এর একটি বেগুনিতে পৌঁছান। একটি উষ্ণ, ম্যাজেন্টা-ঘেঁষা বেগুনির জন্য বেশি লাল ব্যবহার করুন, বা একটি শীতল ভায়োলেটের জন্য বেশি নীল। মনে রাখবেন পেইন্ট মিক্সিং স্ক্রিন মিক্সিং থেকে ভিন্নভাবে আচরণ করে।
দুটি রঙের মধ্যে আমি কতগুলো ব্লেন্ড স্টেপ তৈরি করতে পারি?
স্টেপ কন্ট্রোল আপনাকে দুটি ইনপুট রঙের মধ্যে ২ থেকে ২০টি সমান-দূরত্বের সোয়াচ তৈরি করতে দেয়। এগারোটি স্টেপ আপনাকে দুই প্রান্ত প্লাস নয়টি মধ্যবিন্দু দেয় — একটি CSS গ্রেডিয়েন্ট বা একটি ডিজাইন সিস্টেমের জন্য সম্পূর্ণ কালার র্যাম্প তৈরির জন্য আদর্শ। জেনারেট করা স্ট্রিপের যেকোনো একক সোয়াচে ক্লিক করে এর হেক্স কোড কপি করুন, বা পুরো সিকোয়েন্স তালিকা হিসেবে নিতে ‘Copy all’ ব্যবহার করুন।
আমি কি একবারে দুইয়ের বেশি রঙ মেশাতে পারি?
হ্যাঁ। তৃতীয়, চতুর্থ, পঞ্চম বা ষষ্ঠ সোয়াচ আনতে ‘Add color’-এ ক্লিক করুন। প্রতিটি অতিরিক্ত রঙের নিজস্ব ওয়েট স্লাইডার থাকে, তাই আপনি নিয়ন্ত্রণ করেন প্রতিটি চূড়ান্ত মিক্সে কতটা অবদান রাখে — একটি টিনে ভিন্ন পরিমাণে বেশ কয়েকটি পেইন্ট একত্র করার মতো। ফলাফল হলো আপনার নির্বাচিত মিক্সিং মডেলে সব ইনপুট জুড়ে ওয়েটেড গড়।
এটি Adobe Color / color.adobe.com-এর সাথে কীভাবে তুলনীয়?
Adobe Color (color.adobe.com) কালার হুইল সম্পর্কের ওপর ভিত্তি করে কালার হারমনি এবং প্যালেট জেনারেশনের ওপর কেন্দ্রীভূত — কমপ্লিমেন্টারি, অ্যানালগাস, ট্রায়াডিক, ইত্যাদি। এটি পেইন্ট-বনাম-লাইট কালার মিক্সিং, একটি অনুপাত স্লাইডার, বা নির্দিষ্ট হেক্স কোড মেশানো এবং আউটপুট পাওয়ার ক্ষমতা দেয় না। এটির জন্য প্যালেট সংরক্ষণ করতে একটি Adobe অ্যাকাউন্টও প্রয়োজন, এবং আপনার ডেটা Adobe-এর সার্ভারে সিঙ্ক হয়। এই টুল বিশেষভাবে সাবট্র্যাক্টিভ (পেইন্ট) বা অ্যাডিটিভ (আলো) মডেলে রঙ মেশানোর ওপর কেন্দ্রীভূত, HEX/RGB/HSL/CMYK-এ ফলাফলের সম্পূর্ণ কোড ফেরত দেয়, কোনো অ্যাকাউন্ট প্রয়োজন হয় না।
এটি Coolors কালার মিক্সারের সাথে কীভাবে তুলনীয়?
Coolors (coolors.co) মূলত একটি কালার প্যালেট জেনারেটর, এবং এর মিক্সার শুধু দুটি রঙের মধ্যে একটি সাধারণ লিনিয়ার ব্লেন্ড করে — এই টুলের ‘Blend’ মোডের সমতুল্য। এটি সাবট্র্যাক্টিভ (পেইন্ট) বা অ্যাডিটিভ (আলো) মিক্সিং মডেল সমর্থন করে না, আপলোড করা একটি ছবি থেকে সরাসরি রঙ বেছে নিতে দেয় না, এবং একসাথে সব চারটি ফরম্যাট আউটপুট (HEX, RGB, HSL, CMYK) দেয় না। Coolors প্যালেট তৈরি এবং এক্সপ্লোর করার জন্য চমৎকার, এই টুল সব ফরম্যাটে সম্পূর্ণ কোড আউটপুটসহ পেইন্ট বা আলো আসলে যেভাবে মেশে সেভাবে রঙ মেশানোর নির্দিষ্ট কাজের ওপর কেন্দ্রীভূত।
এটি colordesigner.io-এর সাথে কীভাবে তুলনীয়?
colordesigner.io একটি কালার মিক্সার দেয় যা দুটি রঙ লিনিয়ারভাবে মেশায় এবং একটি গ্রেডিয়েন্ট স্ট্রিপ দেখায়, কিন্তু এটি শুধু হেক্স আউটপুট দেয় — কোনো RGB, HSL বা CMYK সমতুল্য নেই — এবং কোনো সাবট্র্যাক্টিভ (পেইন্ট) বা অ্যাডিটিভ (আলো) ফিজিক্স মডেল নেই। এটি একটি আপলোড করা ছবি থেকে স্যাম্পল করা রঙ মেশানো বা একবারে দুইয়ের বেশি রঙ একত্র করাও সমর্থন করে না। এই টুল এই ক্ষেত্রগুলো কভার করে: তিনটি মিক্সিং মডেল, চারটি আউটপুট ফরম্যাট, ইমেজ কালার স্যাম্পলিং, একবারে ছয়টি পর্যন্ত রঙ, এবং একটি শেয়ারযোগ্য URL — সবই ফ্রি, কোনো অ্যাকাউন্ট নেই, কোনো আপলোড নেই।
এটি কি iPhone এবং Android-এ কাজ করে?
হ্যাঁ। সম্পূর্ণ কালার মিক্সারটি যেকোনো আধুনিক মোবাইল ব্রাউজারে চলে — iPhone এবং iPad-এ Safari, Android-এ Chrome এবং Firefox। কালার সোয়াচ, অনুপাত স্লাইডার, মিক্সিং মডেল টগল, ইমেজ আপলোড এবং কপি বাটন সবই বড় ট্যাপ টার্গেটসহ পুরোপুরি টাচ-ফ্রেন্ডলি। ইমেজ কালার পিকার মোবাইলে ক্যামেরা রোলের মাধ্যমে কাজ করে। সবকিছু স্থানীয়ভাবে চলে, তাই কোনো ডেটা আপলোড হয় না এবং টুলটি মোবাইল কানেকশনেও দ্রুত কাজ করে।
আমার রঙ এবং ছবি কি প্রাইভেট?
সম্পূর্ণভাবে। সব কালার ব্লেন্ডিং, ইমেজ স্যাম্পলিং এবং কোড রূপান্তর আপনার ব্রাউজারে চলা JavaScript-এ স্থানীয়ভাবে ঘটে — কোনো ডেটা কখনও সার্ভারে পাঠানো হয় না। কালার স্যাম্পলিংয়ের জন্য আপলোড করা ছবিগুলো আপনার ডিভাইসে থাকে এবং কখনও ট্রান্সমিট হয় না। Adobe Color বা Figma-এর মতো ক্লাউড-ভিত্তিক ডিজাইন টুলের তুলনায় এটি একটি গুরুত্বপূর্ণ সুবিধা, যা আপনার কালার হিস্ট্রি এবং আপলোড তাদের সার্ভারে সিঙ্ক করে।
আমার কি সাইন আপ করতে হবে বা টাকা দিতে হবে?
না। কালার মিক্সারটি সম্পূর্ণ ফ্রি, কোনো অ্যাকাউন্ট, কোনো নিবন্ধন, কোনো পেওয়াল, এবং কোনো ব্যবহারের সীমা ছাড়াই। পেজটি খুলুন এবং সাথে সাথে মেশানো শুরু করুন। কিছু ডিজাইন প্ল্যাটফর্ম যেখানে অ্যাডভান্সড কালার মিক্সিং একটি সাবস্ক্রিপশন টায়ারের পেছনে লক করা থাকে তার বিপরীতে, এখানে প্রতিটি ফিচার — সাবট্র্যাক্টিভ এবং অ্যাডিটিভ মডেল, ইমেজ স্যাম্পলিং, মাল্টি-কালার ব্লেন্ডিং, গ্রেডিয়েন্ট স্টেপ, এবং সব ফরম্যাট আউটপুট — প্রথম ভিজিটেই ফ্রি পাওয়া যায়।
Related tools
সব টুল দেখুন
নতুন Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.
কালার পিকার ও কনভার্টার
একটি রঙ বেছে নিন এবং HEX, RGB, HSL ও OKLCH-এ রূপান্তর করুন।
নতুন কালার কনট্রাস্ট চেকার
টেক্সট ও ব্যাকগ্রাউন্ড রঙের মধ্যে WCAG AA/AAA কনট্রাস্ট অনুপাত যাচাই করুন।
নতুন CSS গ্রেডিয়েন্ট জেনারেটর
লাইভ প্রিভিউ সহ linear, radial ও conic CSS গ্রেডিয়েন্ট তৈরি করুন।
নতুন CSS Box-Shadow জেনারেটর
প্রিসেট ও লাইভ প্রিভিউ সহ মাল্টি-লেয়ার CSS box-shadow তৈরি করুন। CSS, value বা React স্টাইল তাৎক্ষণিক কপি করুন।
নতুন কালার প্যালেট জেনারেটর
complementary, analogous, triadic ও monochromatic প্যালেট তৈরি করুন।