কালার পিকার ও কনভার্টার
একটি রঙ বেছে নিন এবং HEX, RGB, HSL ও OKLCH-এ রূপান্তর করুন।
⚠ This OKLCH value falls outside the sRGB gamut and was clamped.
Pick a color from an image
WCAG contrast
Color schemes & harmonies
Tints & shades
Color blindness simulation
Runs entirely in your browser. Nothing is uploaded.
একটি ফ্রি কালার কনভার্টার এবং পিকার যা সম্পূর্ণভাবে আপনার ব্রাউজারে চলে
এই ফ্রি কালার কনভার্টার যেকোনো রঙকে মুহূর্তেই আপনার প্রয়োজনীয় প্রতিটি ফরম্যাটে রূপান্তরিত করে। একটি হেক্স কোড পেস্ট করুন, একটি RGB মান টাইপ করুন, কালার হুইল টেনে ধরুন, বা আইড্রপার দিয়ে একটি পিক্সেল স্যাম্পল করুন — আর ফলাফল দেখুন HEX, RGB, HSL, HSV, CMYK এবং OKLCH-এ একই সাথে। প্রতিটি ফিল্ড এডিটযোগ্য এবং দ্বিমুখী: একটি ফরম্যাট পাল্টালে বাকিগুলো লাইভ আপডেট হয়, কোনো পেজ রিলোড নেই, কোনো সার্ভার রিকোয়েস্ট নেই, কোনো বিলম্ব নেই।
ColorHexa.com, RapidTables, convertingcolors.com এবং cssgradient.io-এর মতো সাইটগুলো প্রতিটি এর একটি অংশ কভার করে: ColorHexa প্রতি URL-এ বিস্তারিত ব্রেকডাউন দেখায়, RapidTables আলাদা পেজে একক-ফরম্যাট কনভার্টার দেয়, convertingcolors CIELab এবং XYZ-এর মতো নিশ কালার স্পেস সমর্থন করে, আর cssgradient বিশেষভাবে CSS গ্রেডিয়েন্ট তৈরির জন্য ডিজাইন করা। এই টুল দৈনন্দিন ব্যবহারের বিষয়গুলো — ফরম্যাট রূপান্তর, ভিজ্যুয়াল পিকিং, অ্যাক্সেসিবিলিটি চেকিং এবং প্যালেট জেনারেশন — একটি লাইভ ইন্টারফেসে একত্র করে, যেখানে একটি রঙ একবার লিখলেই সবকিছু একসাথে দেখা যায়। কিছুই আপলোড হয় না; সব প্রসেসিং স্থানীয়ভাবে হয়।
HEX, RGB, HSL, HSV, CMYK এবং OKLCH রূপান্তর করুন — দ্বিমুখী, তাৎক্ষণিকভাবে
প্রতিটি ফিল্ড এডিটযোগ্য এবং সিঙ্ক্রোনাইজড থাকে। একটি হেক্স কোড পেস্ট করুন আর RGB, HSL, HSV, CMYK এবং OKLCH মান তৎক্ষণাৎ আপডেট হয়। যেকোনো একটি পাল্টালে বাকিগুলো সঙ্গে সঙ্গে অনুসরণ করে। এর ফলে এটি একই সাথে একটি দ্রুত হেক্স টু RGB কনভার্টার, একটি RGB টু হেক্স টুল, একটি RGB টু CMYK কনভার্টার এবং একটি HSL/HSV/OKLCH কনভার্টার হয়ে ওঠে একটি মাত্র ভিউতে — যা কাজে আসে যখন একটি ডিজাইন ফাইল আপনাকে একটি ফরম্যাটে রঙ দেয়, কিন্তু আপনার স্টাইলশিট, প্রিন্ট জব বা ডিজাইন সিস্টেমে প্রয়োজন অন্য একটি।
সব আউটপুট বৈধ HTML এবং CSS মান — #hex, rgb(…), hsl(…), hsv(…), cmyk(…) এবং oklch(…) — প্রতিটির সাথে এক-ক্লিক কপি বাটন। টুলটি নিকটতম নামাঙ্কিত CSS কালারও শনাক্ত করে, তাই আপনি তাৎক্ষণিকভাবে একটি শেড বর্ণনা করতে পারেন বা একটি কাস্টম হেক্স স্ট্যান্ডার্ড কীওয়ার্ডের সাথে মেলে কিনা তা যাচাই করতে পারেন। RapidTables-এর একক-রূপান্তর পেজের বিপরীতে, বিভিন্ন ফরম্যাট জোড়ার জন্য আলাদা টুলে যাওয়ার প্রয়োজন কখনও পড়ে না।
একটি ইমেজ থেকে — অথবা সরাসরি আপনার স্ক্রিন থেকে একটি রঙ পিক করুন
একটি ছবি, লোগো, স্ক্রিনশট বা মকআপ থেকে সঠিক রঙ দরকার? ইমেজ কালার পিকার ব্যবহার করুন: একটি ফাইল আপলোড করুন, ড্র্যাগ-অ্যান্ড-ড্রপ করুন, বা ক্লিপবোর্ড থেকে পেস্ট করুন (Ctrl+V / Cmd+V), তারপর ছবির ওপর গিয়ে ক্লিক করে যেকোনো পিক্সেল তুলে নিন। একটি বিল্ট-ইন ম্যাগনিফায়ার লুপ নিখুঁত পিক্সেল-লেভেল পিকিংয়ের জন্য জুম করে, এবং আপনি ক্লিক করা প্রতিটি রঙ একটি “ইমেজ থেকে পিক করা” স্ট্রিপে সংরক্ষিত থাকে, তাই আগের পিকগুলো না হারিয়ে একটি ছবি থেকেই একটি পুরো প্যালেট তৈরি করতে পারেন। ছবিটি একটি HTML canvas ব্যবহার করে স্থানীয়ভাবে প্রসেস হয় এবং কখনও আপনার ডিভাইস ছেড়ে যায় না — এটি Firefox এবং Safari-সহ প্রতিটি ব্রাউজারে কাজ করে।
স্ক্রিনের অন্য কোথাও থেকে রঙ তুলতে চান? আইড্রপার Chrome 95+ এবং Edge 95+-এ নেটিভ EyeDropper API দিয়ে ডিসপ্লের যেকোনো পিক্সেল স্যাম্পল করে — ক্লিক করুন, স্ক্রিনের যেকোনো পিক্সেলে নির্দেশ করুন, আর সেই রঙ তৎক্ষণাৎ সব ফিল্ডে লোড হয়ে যায়। একটি রিসেন্ট কালার স্ট্রিপ এবং ইন্টারঅ্যাক্টিভ কালার হুইল পিকিং অপশনগুলোকে সম্পূর্ণ করে, কিছুই ইনস্টল করার প্রয়োজন নেই। এই পিকিং সক্ষমতা ColorHexa, RapidTables বা convertingcolors-এর তুলনায় অনেক এগিয়ে।
কালার স্কিম, হারমনি, টিন্ট এবং শেড
একটি রঙকে সম্পূর্ণ একটি প্যালেটে পরিণত করুন। টুলটি কালার-হুইল হারমনির ওপর ভিত্তি করে ছয়টি মিলে যাওয়া কালার স্কিম তৈরি করে: কমপ্লিমেন্টারি, অ্যানালগাস, ট্রায়াডিক, টেট্রাডিক, স্প্লিট-কমপ্লিমেন্টারি, এবং মনোক্রোমাটিক। যেকোনো সোয়াচে ক্লিক করে সেটিকে নতুন বেস কালার বানান এবং খুঁজতে থাকুন, ফলে টুলটি একটি দ্রুত কালার প্যালেট জেনারেটর হিসেবে কাজ করে, যা সামঞ্জস্যপূর্ণ ও ব্র্যান্ড-উপযোগী কম্বিনেশন তৈরিতে সাহায্য করে।
টিন্ট এবং শেড স্কেল আপনার বেস কালার থেকে হালকা এবং গাঢ় ধাপের একটি রেঞ্জ তৈরি করে — হোভার স্টেট, অ্যাক্টিভ স্টেট, ডিজেবলড স্টেট, বর্ডার এবং ব্যাকগ্রাউন্ড ফিলের জন্য দরকারি। যেকোনো ধাপে ক্লিক করলে সেটি অ্যাক্টিভ কালার হয়ে যায় এবং এর সম্পূর্ণ ফরম্যাট ব্রেকডাউন দেখায়। প্যালেট জেনারেশন এবং টিন্ট/শেড স্কেল উভয়ই প্রতিটি রঙ পরিবর্তনে সাথে সাথে আপডেট হয়, কোনো সার্ভার রিকোয়েস্ট ছাড়াই — Adobe Color বা Coolors-এর মতো ক্লাউড ডিজাইন টুলের বিপরীতে, যেগুলোতে ফলাফল তৈরি করতে একটি নেটওয়ার্ক রাউন্ড-ট্রিপ লাগে।
WCAG কনট্রাস্ট চেকিং এবং কালার ব্লাইন্ডনেস সিমুলেশন
প্রতিটি রঙ নির্বাচনে অ্যাক্সেসিবিলিটি অন্তর্ভুক্ত থাকে। WCAG কনট্রাস্ট চেকার সাদা এবং কালোর বিপরীতে আপনার রঙের লুমিন্যান্স-ভিত্তিক কনট্রাস্ট রেশিও গণনা করে, তারপর সাধারণ টেক্সট, বড় টেক্সট এবং UI কম্পোনেন্টের জন্য AA এবং AAA পাস-ফেল ব্যাজ দেখায় — এই তিনটি WCAG 2.1 লেভেল, যা নির্ধারণ করে একটি ফোরগ্রাউন্ড/ব্যাকগ্রাউন্ড জোড়া অ্যাক্সেসিবিলিটি স্ট্যান্ডার্ড পূরণ করে কিনা। এটি আপনি রঙ সমন্বয় করার সাথে সাথে লাইভ আপডেট হয়, তাই WebAIM Contrast Checker-এর মতো আলাদা টুলে না গিয়েই কমপ্লায়েন্সের দিকে এগোতে পারেন।
কালার ব্লাইন্ডনেস সিমুলেটর প্রোটানোপিয়া (লাল-অন্ধ), ডিউটেরানোপিয়া (সবুজ-অন্ধ), ট্রাইটানোপিয়া (নীল-অন্ধ) এবং অ্যাক্রোমাটোপসিয়া (সম্পূর্ণ কালার ব্লাইন্ডনেস)-এ আক্রান্ত মানুষদের কাছে আপনার নির্বাচিত রঙ কেমন দেখায় তা প্রিভিউ করে — স্ট্যান্ডার্ড Brettel/Viénot অ্যালগরিদম ব্যবহার করে গণনা করা এবং লাইভ আপডেট হওয়া। কনট্রাস্ট চেকিং এবং ব্লাইন্ডনেস সিমুলেশন একসাথে নিশ্চিত করে আপনার ডিজাইন সিদ্ধান্তগুলো প্রতিটি দর্শকের কাছে অর্থপূর্ণ এবং আলাদা করার যোগ্য থাকে — ডেটা ভিজ্যুয়ালাইজেশন, চার্ট, ম্যাপ এবং UI স্ট্যাটাস ইন্ডিকেটরের জন্য অপরিহার্য।
OKLCH বোঝা — CSS কালারের ভবিষ্যৎ
OKLCH একটি পারসেপচুয়ালি ইউনিফর্ম কালার স্পেস যা CSS Color Level 4 স্পেসিফিকেশনের মাধ্যমে মূলধারার CSS-এ এসে পৌঁছেছে। এটি রঙকে লাইটনেস (L), ক্রোমা (C) এবং হিউ (H) হিসেবে উপস্থাপন করে, যেখানে লাইটনেস লিনিয়ার আলোর শক্তির বদলে মানুষের উপলব্ধির সাথে ক্যালিব্রেটেড। এর মানে হলো, একই L মানের দুটি রঙ হিউ যাই হোক না কেন মানুষের চোখে সমানভাবে হালকা দেখাবে — যা HSL বা RGB-তে সত্য নয়। সিস্টেম্যাটিক প্যালেট তৈরিকারী ডিজাইনারদের জন্য এর মানে হলো, তারা “প্রাইমারি ব্যাকগ্রাউন্ড”-এর জন্য একটি একক L মান নির্ধারণ করে সেটি প্যালেটের প্রতিটি হিউতে প্রয়োগ করে ম্যানুয়াল সমন্বয় ছাড়াই ভিজ্যুয়ালি ব্যালেন্সড ফলাফল পেতে পারেন।
OKLCH sRGB-এর চেয়ে বড় একটি গ্যামাটও বর্ণনা করে — এটি Display P3 এবং Rec.2020 রঙ উপস্থাপন করতে পারে যা বেশিরভাগ হেক্স, RGB এবং HSL মান ব্যবহৃত sRGB ত্রিভুজের বাইরে। আধুনিক ব্রাউজার (Chrome, Safari, Firefox) এখন নেটিভভাবে oklch() CSS ফাংশন সমর্থন করে, যা OKLCH-কে CSS কালার কাজের জন্য ভবিষ্যৎমুখী ফরম্যাট বানায়। এই টুল একটি গ্যামাট সতর্কতা দেখায় যখন আপনার লেখা OKLCH মান sRGB রেঞ্জের বাইরে পড়ে এবং পুরোনো ব্রাউজার দ্বারা ক্ল্যাম্প হতে হবে — প্রোডাকশনে ডিপ্লয় করার আগে একটি আগাম সতর্কতা।
Google Color Picker, Adobe Color এবং অনলাইন টুলের একটি ফ্রি বিকল্প
বেশিরভাগ কালার পিকার আরও বড় কিছুর ভেতরে চাপা পড়ে থাকে। Google color picker শুধু নির্দিষ্ট সার্চ কোয়েরির ফলাফলে দেখা যায় এবং বুকমার্ক বা আলাদাভাবে ব্যবহার করা যায় না। Adobe color picker Photoshop, Illustrator বা Adobe Color (color.adobe.com)-এর ভেতরে থাকে, যার জন্য একটি Adobe অ্যাকাউন্ট প্রয়োজন এবং ডেটা Adobe-এর সার্ভারে সিঙ্ক হয়। ColorHexa এবং RapidTables ইন্টারঅ্যাক্টিভ টুলের চেয়ে বেশি রেফারেন্স সাইট। convertingcolors.com নিশ কালার স্পেস কভার করে কিন্তু পিকিং ও প্যালেট ফিচারের অভাব রয়েছে। cssgradient.io গ্রেডিয়েন্ট তৈরির জন্য চমৎকার কিন্তু আলাদা রঙ ম্যানেজমেন্টের জন্য নয়।
এটি একটি স্ট্যান্ডঅ্যালোন, ফ্রি কালার পিকার এবং কনভার্টার যা এক ক্লিকে খোলে, যেকোনো ডিভাইসে কাজ করে, কখনও সাইন ইন করতে বলে না, এবং সম্পূর্ণভাবে আপনার ব্রাউজারে চলে। আপনি একজন ডেভেলপার যিনি ব্র্যান্ড হেক্স মেলাচ্ছেন, একজন ডিজাইনার যিনি HSL প্যালেট ঠিক করছেন, একজন প্রিন্ট পেশাজীবী যিনি CMYK আনুমানিকতা যাচাই করছেন, বা একজন অ্যাক্সেসিবিলিটি ইঞ্জিনিয়ার যিনি WCAG কনট্রাস্ট রেশিও যাচাই করছেন — এই টুল একটি দ্রুত, প্রাইভেট পেজে সম্পূর্ণ কাজটি করে দেয়। OKLCH সমর্থন, অ্যাক্সেসিবিলিটি চেকিং এবং প্যালেট জেনারেশন ডিফল্টভাবেই অন্তর্ভুক্ত — যেসব ফিচারের জন্য বেশিরভাগ বিকল্প টাকা নেয় বা একেবারেই দেয় না।
রঙ রূপান্তরের গণিত: RGB থেকে HSL, CMYK এবং HEX
এই টুল যে প্রতিটি ফরম্যাট রূপান্তর করে তা একটি নির্ভুল গাণিতিক প্রক্রিয়া দ্বারা পরিচালিত। RGB টু HSL শুরু হয় প্রতিটি চ্যানেলকে ০–১ রেঞ্জে নরমালাইজ করে (২৫৫ দিয়ে ভাগ করে), তারপর সর্বোচ্চ চ্যানেল মান M এবং সর্বনিম্ন m খুঁজে বের করে। লাইটনেস হলো L = (M + m) / ২। M যদি m-এর সমান হয় তবে রঙটি অ্যাক্রোমাটিক — স্যাচুরেশন ০ এবং হিউ অনির্ধারিত (ধূসরের একটি শেড)। অন্যথায়, স্যাচুরেশন হলো S = (M − m) / (1 − |2L − 1|), যা হালকা ও গাঢ় রেঞ্জ জুড়ে ডিনোমিনেটরকে স্থিতিশীল রাখে। ডিগ্রিতে হিউ নির্ভর করে কোন চ্যানেল সর্বোচ্চ তার ওপর। নেগেটিভ ফলাফল ৩৬০ যোগ করে সংশোধন করা হয়, যা ০–৩৬০° রেঞ্জের একটি মান দেয়। এই অ্যালগরিদমই HSL-কে CSS-এ কার্যকর করে তোলে: হিউ অ্যাঙ্গেল সরাসরি কালার হুইলে ম্যাপ হয়, এবং লাইটনেস সমন্বয় সংখ্যাগতভাবে অনুমানযোগ্য।
RGB টু CMYK একটি ভিন্ন নরমালাইজেশন ব্যবহার করে। প্রথমে, প্রতিটি চ্যানেলকে ০–১ রেঞ্জে স্কেল করা হয়। কী (কালো) চ্যানেল হলো K = 1 − max(R′, G′, B′)। বাকি চ্যানেলগুলো এই ফর্মুলা থেকে বের হয়। ডিনোমিনেটর (1 − K) K = 1 (খাঁটি কালো) হলে শূন্য দিয়ে ভাগ হওয়া রোধ করে। এই ফর্মুলাটি ডিভাইস-নিরপেক্ষ এবং একটি গাণিতিকভাবে সঠিক CMYK আনুমানিকতা তৈরি করে, যদিও বাস্তব-বিশ্বের প্রিন্টিং-এ ICC কালার প্রোফাইল এবং প্রেস ও কাগজের ওপর নির্ভরশীল কালি-ঘনত্বের সীমাও প্রয়োগ হয়। RGB টু HEX এই তিনটির মধ্যে সবচেয়ে সহজ: প্রতিটি চ্যানেল ডেসিমাল থেকে বেস-১৬ এনকোডিং ব্যবহার করে তার দুই-অঙ্কের হেক্সাডেসিমাল সমতুল্যে রূপান্তরিত হয় — এরপর তিনটি দুই-অক্ষরের স্ট্রিং একটি লিডিং #-সহ যুক্ত করা হয়। এভাবেই HTML এবং CSS জুড়ে ব্যবহৃত স্ট্যান্ডার্ড ছয়-অক্ষরের হেক্স কালার কোড তৈরি হয়।
এই অ্যালগরিদমগুলো বোঝা কৌতূহলের বাইরেও গুরুত্বপূর্ণ: এটি ব্যাখ্যা করে কেন কিছু ফরম্যাটের মধ্যে রূপান্তর লসলেস এবং অন্যগুলো নয়। RGB ↔ HEX রাউন্ড-ট্রিপ পুরোপুরি লসলেস কারণ উভয়ই একই তিনটি ৮-বিট ইন্টিজারের দুটি এনকোডিং মাত্র। RGB ↔ HSLও ৮-বিট RGB নির্ভুলতার মধ্যে লসলেস — কোনো তথ্য বাদ যায় না, শুধু পুনর্বিন্যস্ত হয়। RGB → CMYK গাণিতিকভাবে নির্ধারক কিন্তু বিপরীতটি (CMYK → RGB) অনন্য নয়: অনেক ভিন্ন CMYK কম্বিনেশন একই স্ক্রিন রঙ তৈরি করতে পারে কারণ K (কালো) স্বাধীনভাবে পরিবর্তন করা যায় C, M, Y সমন্বয় করার সময়। এটিও ব্যাখ্যা করে কেন একটি Pantone সোয়াচ বই এবং একটি মনিটর কখনও সম্পূর্ণভাবে একমত হয় না — একটি প্রতিফলিত করে বাস্তব কালি, অন্যটি নির্গত করে ক্যালিব্রেটেড আলো।
রঙের উপলব্ধি: কোন এবং অপোনেন্ট চ্যানেল, এবং কেন মনিটর ও প্রিন্টার ভিন্ন প্রাইমারি ব্যবহার করে
মানুষের রঙ দৃষ্টি রেটিনার তিন ধরনের ফটোরিসেপ্টর কোন কোষ থেকে উদ্ভূত হয়। S-কোন ৪২০–৪৪০ ন্যানোমিটারের আশপাশে ছোট তরঙ্গদৈর্ঘ্যে সবচেয়ে সংবেদনশীল (নীল হিসেবে অনুভূত); M-কোন ৫৩০–৫৪০ ন্যানোমিটারে সর্বোচ্চ (সবুজ); L-কোন ৫৬০–৫৮০ ন্যানোমিটারে সর্বোচ্চ (লাল)। ১৮০২ সালে টমাস ইয়ং কর্তৃক স্বাধীনভাবে প্রস্তাবিত এবং ১৮৫০ সালে হারমান ফন হেলমহোল্টজ কর্তৃক আনুষ্ঠানিক হওয়া ট্রাইক্রোমেটিক থিওরি বলে যে যেকোনো অনুভূত রঙ এই তিন ধরনের কোনের সক্রিয়তার অনুপাতের ফলাফল — এই কারণেই RGB-এর মতো থ্রি-চ্যানেল কালার মডেল মানুষের সম্পূর্ণ রঙ উপলব্ধি রেঞ্জ উপস্থাপন করতে পারে।
ট্রাইক্রোমেটিক থিওরি একাই রঙ উপলব্ধির প্রতিটি ঘটনাকে ব্যাখ্যা করে না। ইওয়াল্ড হেরিং-এর অপোনেন্ট প্রসেস থিওরি (১৮৯২) যোগ করে যে কোন থেকে সংকেত রেটিনার গ্যাংলিয়ন সেল স্তরে পুনরায় সংযুক্ত হয় দুটি অপোনেন্ট চ্যানেলে: একটি লাল–সবুজ চ্যানেল এবং একটি নীল–হলুদ চ্যানেল, সাথে একটি অ্যাক্রোমাটিক লুমিন্যান্স চ্যানেল। এই কারণেই আপনি “লালচে হলুদ” (কমলা) অনুভব করতে পারেন কিন্তু “লালচে সবুজ” নয় — লাল এবং সবুজ অপোনেন্ট যা একে অপরকে বাতিল করে। অপোনেন্ট মডেল এটাও ব্যাখ্যা করে কেন কালার ব্লাইন্ডনেস-এর ধরনগুলো এলোমেলো নয়: প্রোটানোপিয়া (L-কোন অনুপস্থিত) এবং ডিউটেরানোপিয়া (M-কোন অনুপস্থিত) উভয়ই লাল–সবুজ চ্যানেলকে বিঘ্নিত করে, যা তাদের ট্রাইটানোপিয়া-র চেয়ে অনেক বেশি সাধারণ করে তোলে (একত্রে, প্রায় ৮% পুরুষ এবং ০.৫% নারীকে প্রভাবিত করে)।
মনিটর RGB ব্যবহার করে (অ্যাডিটিভ মিক্সিং) এবং প্রিন্টার CMYK ব্যবহার করে (সাবট্র্যাক্টিভ মিক্সিং) — এর কারণ সরাসরি পদার্থবিজ্ঞান থেকে আসে, কনভেনশন থেকে নয়। একটি মনিটর কালো থেকে শুরু করে — কোনো আলো নির্গত না করা একটি স্ক্রিন — এবং তরঙ্গদৈর্ঘ্য যোগ করে: পূর্ণ তীব্রতায় লাল, সবুজ এবং নীল আলো একত্র করলে সাদা তৈরি হয়। এটি অ্যাডিটিভ কালার, এবং এটি L, M এবং S কোন কীভাবে আলোর সংকেত যোগ করে তার সাথে মেলে। একটি প্রিন্টার সাদা কাগজ থেকে শুরু করে যা সব তরঙ্গদৈর্ঘ্য প্রতিফলিত করে, এবং কালি জমা করে যা নির্দিষ্ট তরঙ্গদৈর্ঘ্য শোষণ (বিয়োগ) করে। তত্ত্বে, C + M + Y কালো তৈরি করার কথা, কিন্তু বাস্তব কালি একটি ঘোলাটে বাদামি রঙ তৈরি করে, যে কারণে একটি আলাদা কালো (K) চ্যানেল যোগ করা হয় — অর্থনৈতিক কারণে এবং তীক্ষ্ণ টেক্সটের জন্য উভয়ই।
HSL বনাম HSB, Lab, OKLCH এবং sRGB স্ট্যান্ডার্ড: কালার মডেলের তুলনা
HSL (হিউ, স্যাচুরেশন, লাইটনেস) এবং HSB/HSV (হিউ, স্যাচুরেশন, ব্রাইটনেস/ভ্যালু) একই হিউ হুইল শেয়ার করে কিন্তু তাদের তৃতীয় অক্ষ নির্ধারণে ভিন্ন। HSL-এ, লাইটনেস ০ সবসময় কালো, ১০০ সবসময় সাদা, এবং ৫০ যেকোনো হিউয়ের সবচেয়ে খাঁটি প্রকাশ — যা প্রোগ্রামেটিক গ্রেডিয়েন্ট তৈরির জন্য এটিকে প্রতিসম এবং অনুমানযোগ্য বানায়। HSB-এ, ভ্যালু ০ সবসময় কালো, কিন্তু পূর্ণ স্যাচুরেশনসহ ভ্যালু ১০০ হলো খাঁটি হিউ (সাদা নয়) — পূর্ণ ভ্যালুতে স্যাচুরেশন কমালে হালকা টিন্ট পাওয়া যায়। ডিজাইনাররা প্রায়ই HSB-কে বেশি স্বজ্ঞাত মনে করেন কারণ এটি শারীরিক রঙ মিশ্রণের ধারণার সাথে মেলে: “একটি হিউ বেছে নিন, তারপর একে গাঢ় করুন।”
১৯৭৬ সালে স্ট্যান্ডার্ডাইজড CIE L*a*b* (Lab) কালার স্পেস ডিভাইস-নিরপেক্ষ এবং পারসেপচুয়ালি ইউনিফর্ম হতে ডিজাইন করা হয়েছিল — অর্থাৎ Lab-এ সমান সংখ্যাগত দূরত্ব রঙের সমান অনুভূত পার্থক্যের সাথে মেলে। L* ০ (কালো) থেকে ১০০ (সাদা) পর্যন্ত লাইটনেস উপস্থাপন করে; a* প্রায় −১২৮ (সবুজ) থেকে +১২৮ (লাল) পর্যন্ত চলে; b* প্রায় −১২৮ (নীল) থেকে +১২৮ (হলুদ) পর্যন্ত চলে। Lab পেশাদার ফটো এডিটিং, কালারিমেট্রি, প্রিন্ট কোয়ালিটি কন্ট্রোল এবং কালার ডিফারেন্স গণনায় (ΔE মেট্রিক) ব্যাপকভাবে ব্যবহৃত হয়। ২০২০ সালে ব্যিয়র্ন অটোসন প্রস্তাবিত OKLCH একই পারসেপচুয়াল-ইউনিফর্মিটি লক্ষ্যকে পরিমার্জিত করে: এটি একই লক্ষ্যকে একটি লাইটনেস/ক্রোমা/হিউ সিলিন্ডারে পুনর্গঠিত করে যা ডিজাইনারদের জন্য কাজ করা সহজ।
একটি ওয়েব পেজ বা কনজিউমার ডিভাইসে দেখানো প্রায় প্রতিটি রঙের ভিত্তি হলো ১৯৯৯ সালে IEC 61966-2-1 দ্বারা স্ট্যান্ডার্ডাইজড sRGB কালার প্রোফাইল। sRGB একটি নির্দিষ্ট হোয়াইট পয়েন্ট (D65, গড় দিনের আলোর সমতুল্য), প্রায় ২.২ গামা কার্ভ এবং লাল, সবুজ ও নীল প্রাইমারির একটি নির্দিষ্ট সেট নির্ধারণ করে। প্রায় ৯৬% ওয়েব ইমেজ sRGB-তে এনকোড করা। ডিএসএলআর ক্যামেরায় সাধারণ ওয়াইড-গ্যামাট প্রোফাইল Adobe RGB-তে তোলা একটি ছবি যখন ওয়েবের জন্য sRGB-তে রূপান্তরিত হয়, তখন স্যাচুরেটেড সবুজ এবং লাল লক্ষণীয়ভাবে পরিবর্তিত হতে পারে কারণ Adobe RGB ত্রিভুজ সেই অক্ষগুলোতে sRGB ত্রিভুজের চেয়ে আরও বিস্তৃত। এই কারণেই একটি P3-সক্ষম স্ক্রিনে উজ্জ্বল দেখানো একটি রঙ স্ট্যান্ডার্ড sRGB মনিটরে ফ্যাকাশে দেখাতে পারে, এবং প্রোডাকশন CSS-এ OKLCH-এর গ্যামাট ম্যাপিং সতর্কতা কেন গুরুত্বপূর্ণ।
Frequently asked questions
এই কালার কনভার্টার ব্যবহার করা কি ফ্রি?
হ্যাঁ — সম্পূর্ণ ফ্রি, কোনো সাইন-আপ, অ্যাকাউন্ট বা ব্যবহারের সীমা ছাড়াই। এটি সম্পূর্ণভাবে আপনার ব্রাউজারে চলে, তাই আপনি বেছে নেওয়া, পেস্ট করা বা স্যাম্পল করা রঙগুলো কখনও আপনার ডিভাইস ছেড়ে যায় না। ইনস্টল করার কিছু নেই এবং কোনো সাবস্ক্রিপশন প্রয়োজন নেই। প্রিমিয়াম টায়ারের পেছনে অ্যাডভান্সড ফিচার আটকে রাখা কিছু ডিজাইন টুলের বিপরীতে, এখানে প্রতিটি ফিচার — রূপান্তর, আইড্রপার, ইমেজ পিকার, WCAG কনট্রাস্ট চেকিং, টিন্ট ও শেড, কালার ব্লাইন্ডনেস সিমুলেশন এবং কালার স্কিম জেনারেশন — প্রথম ভিজিটেই ফ্রি পাওয়া যায়, কোনো অ্যাকাউন্ট ছাড়াই।
আমি কীভাবে একটি HEX কোড RGB-তে রূপান্তর করব?
আপনার হেক্স কোড (লিডিং # সহ বা ছাড়া) HEX ফিল্ডে পেস্ট করুন আর RGB, HSL, HSV, CMYK এবং OKLCH মান সব তাৎক্ষণিকভাবে আপডেট হয়। উদাহরণস্বরূপ, #3b82f6 পেস্ট করুন এবং আপনি সঙ্গে সঙ্গে RGB ফিল্ডে rgb(59, 130, 246) দেখতে পাবেন, HSL ফিল্ডে hsl(217, 91%, 60%), এবং আরও। প্রতিটি ফরম্যাট সিঙ্কে থাকে — আপনাকে একটি রঙ শুধু একবার লিখতে হয়। রূপান্তরটি দ্বিমুখী: একটি RGB মান টাইপ করুন আর HEX এবং অন্য সব ফিল্ড একইভাবে আপডেট হয়। এটি একে একই সাথে একটি দ্রুত হেক্স-টু-আরজিবি কনভার্টার এবং আরজিবি-টু-হেক্স টুল বানায়।
আমি কীভাবে RGB HEX-এ রূপান্তর করব?
RGB ফিল্ডে একটি RGB মান টাইপ বা পেস্ট করুন — উদাহরণস্বরূপ, ৫৯, ১৩০, ২৪৬ (শুধু সংখ্যা, কমা-বিচ্ছিন্ন) বা পূর্ণ CSS ফর্ম rgb(59, 130, 246) — আর HEX কোড তৎক্ষণাৎ আপডেট হয়। আউটপুট সবসময় একটি বৈধ ছয়-অক্ষরের হেক্স কোড হয়, একটি লিডিং # সহ, স্টাইলশিট বা ডিজাইন ফাইলে কপি করার জন্য প্রস্তুত। RGB থেকে HEX-এ রূপান্তরটি গাণিতিকভাবে সঠিক: প্রতিটি চ্যানেল (০–২৫৫) একটি দুই-অঙ্কের হেক্সাডেসিমাল মানে রূপান্তরিত হয় এবং একত্র করা হয়। কোনো রাউন্ডিং ত্রুটি নেই, কোনো অনুমান নেই।
এই টুল কোন কোন কালার ফরম্যাটের মধ্যে রূপান্তর করতে পারে?
টুলটি ছয়টি ফরম্যাটের মধ্যে দ্বিমুখীভাবে রূপান্তর করে: HEX (HTML এবং CSS-এ ব্যবহৃত #rrggbb কোড), RGB (লাল-সবুজ-নীল মান ০–২৫৫), HSL (হিউ ০–৩৬০°, স্যাচুরেশন এবং লাইটনেস শতাংশ হিসেবে), HSV/HSB (হিউ-স্যাচুরেশন-ভ্যালু, বেশিরভাগ ডিজাইন অ্যাপ কালার পিকারে ব্যবহৃত মডেল), CMYK (প্রিন্ট প্রিভিউর জন্য সায়ান-ম্যাজেন্টা-হলুদ-কালো শতাংশ), এবং OKLCH (CSS Color Level 4-এ ব্যবহৃত একটি আধুনিক পারসেপচুয়ালি-ইউনিফর্ম কালার স্পেস)। যেকোনো একটি ফিল্ড পাল্টান আর বাকি পাঁচটি তৎক্ষণাৎ আপডেট হয়। এটি ওয়েব ডেভেলপমেন্ট, অ্যাপ ডিজাইন এবং প্রিন্ট কাজে আপনি যে প্রায় সব কালার ফরম্যাট পাবেন তা কভার করে।
এটি ColorHexa.com-এর সাথে কীভাবে তুলনীয়?
ColorHexa.com একটি দীর্ঘস্থায়ী কালার রেফারেন্স সাইট যা প্রতিটি রঙের জন্য একটি সমৃদ্ধ পেজ তৈরি করে — কমপ্লিমেন্টারি, শেড, টিন্ট, ট্রায়াডিক হারমনি, কালার-ব্লাইন্ডনেস প্রিভিউ এবং আরও অনেক কিছু কভার করে — গভীর কালার গবেষণার জন্য চমৎকার। মূল পার্থক্য হলো ইন্টারঅ্যাকটিভিটি এবং ওয়ার্কফ্লো: এই টুল টাইপ করার সাথে সাথে সব ফরম্যাট রিয়েল টাইমে আপডেট করে এবং হুইল, আইড্রপার বা ইমেজ পিকার দিয়ে ভিজ্যুয়ালি রঙ বেছে নিতে দেয়, প্রতিটি রঙের জন্য নতুন URL-এ না গিয়ে। উভয়ই মূল্যবান; এই টুল দ্রুত ইটারেশনের জন্য দ্রুততর, ColorHexa রেফারেন্সের জন্য গভীরতর।
এটি RapidTables কালার কনভার্টারের সাথে কীভাবে তুলনীয়?
RapidTables-এর একক-ফরম্যাট কনভার্টারের একটি জনপ্রিয় সংগ্রহ রয়েছে — হেক্স-টু-আরজিবি, আরজিবি-টু-হেক্স, আরজিবি-টু-এইচএসএল-এর জন্য আলাদা পেজ, ইত্যাদি — প্রতিটি একবারে একটি রূপান্তর করে, একাধিক ফরম্যাটে ফলাফল পেতে পেজের মধ্যে নেভিগেট করতে হয়। এই টুল একটি লাইভ ভিউতে প্রতিটি ফরম্যাট একসাথে দেখায়: একবার একটি রঙ লিখুন এবং একই সাথে HEX, RGB, HSL, HSV, CMYK এবং OKLCH দেখুন। এটি RapidTables-এ না থাকা ফিচারও যোগ করে — আইড্রপার, ইমেজ কালার পিকার, WCAG কনট্রাস্ট চেকিং, কালার স্কিম জেনারেশন, টিন্ট/শেড স্কেল এবং কালার ব্লাইন্ডনেস সিমুলেশন — এটিকে একক-উদ্দেশ্য ক্যালকুলেটরের বদলে একটি সম্পূর্ণ কালার ওয়ার্কস্টেশন বানায়।
এটি convertingcolors.com-এর সাথে কীভাবে তুলনীয়?
convertingcolors.com CIELab, XYZ এবং Hunter Lab-এর মতো কিছু নিশ কালার স্পেস-সহ অনেক ফরম্যাটে বিস্তারিত ব্রেকডাউন দেয়, যা এই টুল কভার করে না। এটি কালার সায়েন্স গবেষণার জন্য একটি ভালো রিসোর্স। মূল পার্থক্য হলো ওয়ার্কফ্লো: convertingcolors প্রতি রঙের জন্য একটি স্ট্যাটিক পেজ দেখায়, যেখানে এই টুল একটি লাইভ ইন্টারঅ্যাকটিভ কনভার্টার যেখানে যেকোনো ফিল্ড পরিবর্তন বাকিগুলোকে তাৎক্ষণিকভাবে আপডেট করে। এই টুল ব্যবহারিক ডিজাইন ফিচারও যোগ করে — আইড্রপার, ইমেজ পিকার, WCAG কনট্রাস্ট, টিন্ট/শেড, কালার স্কিম এবং কালার ব্লাইন্ডনেস প্রিভিউ — যা convertingcolors দেয় না।
এটি cssgradient.io-এর সাথে কীভাবে তুলনীয়?
cssgradient.io মূলত একটি বিল্ট-ইন কালার পিকার কম্পোনেন্টসহ একটি CSS গ্রেডিয়েন্ট জেনারেটর — CSS ব্যাকগ্রাউন্ডের জন্য গ্রেডিয়েন্ট তৈরির জন্য চমৎকার। এটি একটি সাধারণ-উদ্দেশ্য কালার কনভার্টার নয়। এই টুল সব বড় ফরম্যাটের মধ্যে পৃথক রঙ রূপান্তর করা, অ্যাক্সেসযোগ্য প্যালেট তৈরি করা এবং কনট্রাস্ট চেক করার ওপর কেন্দ্রীভূত। আপনার লক্ষ্য যদি CSS গ্রেডিয়েন্ট কোড তৈরি করা হয়, cssgradient.io সেই জন্যই বিশেষভাবে তৈরি; আপনার লক্ষ্য যদি একাধিক ফরম্যাটে একটি রঙ বোঝা, এর অ্যাক্সেসযোগ্য কনট্রাস্ট রেশিও খুঁজে বের করা, বা একটি বেস রঙ থেকে একটি সম্পূর্ণ কালার প্যালেট তৈরি করা হয়, তাহলে এই কনভার্টার সঠিক পছন্দ।
আমি কি আমার স্ক্রিনের যেকোনো জায়গা থেকে একটি রঙ পিক করতে পারি?
হ্যাঁ। বিল্ট-ইন আইড্রপার আপনাকে স্ক্রিনের যেকোনো পিক্সেলে ক্লিক করতে দেয় — অন্য ব্রাউজার ট্যাব, অ্যাপ্লিকেশন, ছবি বা ব্যাকগ্রাউন্ডে চলা ভিডিওসহ — এবং সেই পিক্সেলের সঠিক রঙ একবারে প্রতিটি রূপান্তর ফিল্ডে লোড করে। আইড্রপার ব্রাউজারের নেটিভ EyeDropper API ব্যবহার করে, Chrome 95+ এবং Edge 95+-এ সমর্থিত। Firefox এবং Safari-তে, প্ল্যাটফর্ম API সমর্থনের ফাঁকের কারণে আইড্রপার এখনও উপলব্ধ নয়, কিন্তু কালার হুইল, ফরম্যাট ফিল্ড এবং ইমেজ পিকার প্রতিটি ব্রাউজারে স্বাভাবিকভাবে কাজ করে। মোবাইলে, পরিবর্তে ইমেজ পিকার ব্যবহার করুন: একটি স্ক্রিনশট নিন এবং সেখান থেকে পিক করুন।
আমি কি একটি ছবি বা ফটো থেকে একটি রঙ পিক করতে পারি?
হ্যাঁ — এটি একটি সম্পূর্ণ ইমেজ কালার পিকার। একটি ফটো আপলোড করুন, ড্র্যাগ-অ্যান্ড-ড্রপ করুন, বা আপনার ক্লিপবোর্ড থেকে পেস্ট করুন (Ctrl+V / Cmd+V), তারপর ছবির ওপর হোভার করুন এবং যেকোনো পিক্সেলের সঠিক রঙ তুলতে ক্লিক করুন। একটি ম্যাগনিফায়ার লুপ নিখুঁত পিক্সেল-লেভেল পিকিংয়ের জন্য জুম করে, এবং আপনি ক্লিক করা প্রতিটি রঙ একটি “ইমেজ থেকে পিক করা” স্ট্রিপে সংরক্ষিত থাকে যাতে আগের পিকগুলো না হারিয়ে একটি ছবি থেকেই একটি পুরো প্যালেট তৈরি করতে পারেন। ছবিটি একটি HTML canvas ব্যবহার করে স্থানীয়ভাবে পড়া হয় এবং কখনও আপলোড হয় না — এটি Firefox এবং Safari-সহ প্রতিটি ব্রাউজারে কাজ করে, যেখানে স্ক্রিন আইড্রপার অনুপলব্ধ।
একটি ইন্টারঅ্যাকটিভ কালার হুইল আছে কি?
হ্যাঁ। কালার পিকার কন্ট্রোল একটি স্পেকট্রাম এবং লাইটনেস/স্যাচুরেশন গ্রেডিয়েন্ট রেন্ডার করে যা আপনি টেনে ঠিক আপনার পছন্দের শেডে নামতে পারেন। একটি রিসেন্ট-কালার স্ট্রিপ বর্তমান সেশনে ব্যবহৃত রঙগুলো মনে রাখে যাতে আপনি তাৎক্ষণিকভাবে আগের পিকে ফিরে যেতে পারেন। হুইল এবং ফরম্যাট ফিল্ড রিয়েল টাইমে একসাথে কাজ করে — হুইল টানুন আর ছয়টি ফরম্যাট ফিল্ড একসাথে আপডেট হয়, অথবা যেকোনো ফিল্ডে একটি মান টাইপ করুন আর হুইল সেই অবস্থানে চলে যায়।
OKLCH কী এবং আমার কেন এটি ব্যবহার করা উচিত?
OKLCH CSS Color Level 4-এ প্রবর্তিত একটি আধুনিক, পারসেপচুয়ালি ইউনিফর্ম কালার স্পেস। RGB বা HSL-এর বিপরীতে, যেখানে সমান সংখ্যাগত পরিবর্তন মানুষের চোখে সমান অনুভূত পার্থক্য তৈরি করে না, OKLCH এমনভাবে ক্যালিব্রেটেড যে লাইটনেস মান (L) একটি নির্দিষ্ট পরিমাণে বাড়ানো বা কমানো হিউ যাই হোক না কেন একটি ভিজ্যুয়ালি ধারাবাহিক ফলাফল তৈরি করে। এটি অ্যাক্সেসযোগ্য, ব্যালেন্সড কালার প্যালেট তৈরির জন্য আদর্শ করে তোলে। OKLCH ওয়াইড-গ্যামাট রঙও উপস্থাপন করে (Display P3, Rec.2020) এবং আধুনিক ব্রাউজারে নেটিভভাবে <code>oklch()</code> CSS ফাংশনের মাধ্যমে সমর্থিত।
এটি কি অ্যাক্সেসিবিলিটির জন্য (WCAG) কালার কনট্রাস্ট চেক করে?
হ্যাঁ। WCAG কনট্রাস্ট চেকার আপনার নির্বাচিত রঙ এবং সাদা ও কালো উভয় ব্যাকগ্রাউন্ডের মধ্যে লুমিন্যান্স-ভিত্তিক কনট্রাস্ট রেশিও গণনা করে, এবং সাধারণ টেক্সট (১৮pt-এর নিচে), বড় টেক্সট (১৮pt+ বা বোল্ড ১৪pt+) এবং UI কম্পোনেন্টের জন্য AA এবং AAA পাস/ফেল ব্যাজ দেখায়। WCAG AA-তে সাধারণ টেক্সটের জন্য 4.5:1 রেশিও প্রয়োজন (বড় টেক্সটের জন্য 3:1); WCAG AAA-তে 7:1 প্রয়োজন (বড় টেক্সটের জন্য 4.5:1)। চেকারটি আপনি যেকোনো কালার ফিল্ড সমন্বয় করার সাথে সাথে লাইভ আপডেট হয়।
এটি কি টিন্ট এবং শেড তৈরি করতে পারে?
হ্যাঁ। টিন্ট এবং শেড জেনারেটর আপনার বেস কালার থেকে ক্রমান্বয়ে হালকা টিন্ট (সাদার দিকে মিশ্রিত রঙ) এবং গাঢ় শেড (কালোর দিকে মিশ্রিত) স্কেল তৈরি করে। স্কেলের যেকোনো ধাপে ক্লিক করুন এটিকে নতুন অ্যাক্টিভ কালার বানাতে এবং তৎক্ষণাৎ এর HEX, RGB, HSL এবং OKLCH মান দেখুন। এটি একটি ডিজাইন সিস্টেমের জন্য প্রয়োজনীয় সম্পূর্ণ কালার র্যাম্প তৈরির একটি দ্রুত উপায় — হালকা ব্যাকগ্রাউন্ড, হোভার স্টেট, অ্যাক্টিভ স্টেট, গাঢ় বর্ডার — প্রতিটি ধাপ ম্যানুয়ালি গণনা না করেই।
এটি কি কালার স্কিম এবং প্যালেট তৈরি করতে পারে?
হ্যাঁ। যেকোনো বেস কালার থেকে টুলটি স্ট্যান্ডার্ড কালার-হুইল হারমনির ওপর ভিত্তি করে ছয়টি মিলে যাওয়া কালার স্কিম তৈরি করে: কমপ্লিমেন্টারি (বিপরীত হিউ), অ্যানালগাস (পার্শ্ববর্তী হিউ), ট্রায়াডিক (তিনটি সমান-দূরত্বের হিউ), টেট্রাডিক (একটি আয়তক্ষেত্রে চারটি হিউ), স্প্লিট-কমপ্লিমেন্টারি (বেস প্লাস এর কমপ্লিমেন্টের সংলগ্ন দুটি হিউ), এবং মনোক্রোমাটিক (বিভিন্ন স্যাচুরেশন এবং লাইটনেসে একই হিউ)। জেনারেট করা স্কিমের যেকোনো সোয়াচে ক্লিক করুন এটিকে নতুন বেস কালার বানাতে এবং খুঁজতে থাকুন।
এটি কি কালার ব্লাইন্ডনেস সিমুলেট করে?
হ্যাঁ। কালার ব্লাইন্ডনেস সিমুলেটর চারটি প্রধান ধরনের কালার ভিশন ডেফিসিয়েন্সিতে আক্রান্ত মানুষের কাছে আপনার নির্বাচিত রঙ কেমন দেখায় তা প্রিভিউ করে: প্রোটানোপিয়া (লাল-অন্ধ), ডিউটেরানোপিয়া (সবুজ-অন্ধ), ট্রাইটানোপিয়া (নীল-অন্ধ), এবং অ্যাক্রোমাটোপসিয়া (সম্পূর্ণ কালার ব্লাইন্ডনেস / কোনো রঙ দৃষ্টি নেই)। সিমুলেশনটি স্ট্যান্ডার্ড Brettel/Viénot অ্যালগরিদম ব্যবহার করে গণনা করা হয় এবং প্রতিটি রঙ পরিবর্তনে লাইভ আপডেট হয়। WCAG কনট্রাস্ট চেকারের সাথে মিলিয়ে, এটি নিশ্চিত করতে সাহায্য করে আপনার রঙ পছন্দগুলো প্রতিটি দর্শকের জন্য আলাদা করার যোগ্য থাকে।
এটি কি রঙের নাম দেখায়?
হ্যাঁ। আপনি যখন একটি রঙ পিক করেন বা লেখেন, টুলটি নিকটতম নামাঙ্কিত CSS রঙ দেখায় — CSS Color স্পেসিফিকেশনে সংজ্ঞায়িত সম্পূর্ণ ১৪৮টি CSS নামাঙ্কিত রঙের তালিকা থেকে নিকটতম মিল। উদাহরণস্বরূপ, #3b82f6 RoyalBlue-এর নিকটতম, #228B22 হলো ঠিক ForestGreen, এবং #FFB6C1 LightPink-এর নিকটতম। এটি সাধারণ ভাষায় একটি রঙ দ্রুত বর্ণনা করতে, একটি কাস্টম হেক্সের কাছাকাছি একটি নামাঙ্কিত বিকল্প খুঁজে বের করতে, বা আপনার রঙ ঠিক একটি স্ট্যান্ডার্ড CSS কীওয়ার্ডের সাথে মেলে কিনা তা যাচাই করতে দরকারি।
এটি কি RGB CMYK-তে রূপান্তর করতে পারে?
হ্যাঁ। CMYK কনভার্টার অন্য সব ফরম্যাট ফিল্ডের পাশাপাশি সায়ান, ম্যাজেন্টা, হলুদ এবং কালো শতাংশ দেখায়, এবং সম্পূর্ণ দ্বিমুখীভাবে এডিটযোগ্য — যেকোনো CMYK মান পাল্টান আর বাকি পাঁচটি ফরম্যাট তৎক্ষণাৎ আপডেট হয়। রূপান্তরটি স্ট্যান্ডার্ড ডিভাইস-নিরপেক্ষ গাণিতিক ফর্মুলা ব্যবহার করে, স্ক্রিনে আনুমানিক প্রিন্ট উপস্থাপনা প্রিভিউর জন্য উপযুক্ত। নির্ভুল প্রিন্ট আউটপুটের জন্য — বিশেষ করে স্পট-কালার বা পেশাদার অফসেট প্রিন্টিং — আপনার প্রিন্টার দ্বারা নির্দিষ্ট করা CMYK প্রোফাইল ব্যবহার করা উচিত।
এটি কি Adobe Color বা Google color picker-এর একটি ফ্রি বিকল্প?
হ্যাঁ। Google color picker শুধু নির্দিষ্ট Google সার্চ ফলাফলের ভেতরে দেখা যায় এবং বুকমার্ক বা স্ট্যান্ডঅ্যালোন ব্যবহার করা যায় না। Adobe Color (color.adobe.com)-এর জন্য একটি Adobe অ্যাকাউন্ট প্রয়োজন এবং আপনার ডেটা Adobe-এর সার্ভারে সিঙ্ক করে। এটি একটি স্ট্যান্ডঅ্যালোন, ফ্রি কালার পিকার এবং কনভার্টার যা এক ক্লিকে খোলে, কোনো অ্যাকাউন্ট প্রয়োজন হয় না, যেকোনো ডিভাইসে (ডেস্কটপ, ট্যাবলেট, ফোন) কাজ করে, এবং একসাথে রূপান্তর, অ্যাক্সেসিবিলিটি চেকিং এবং প্যালেট জেনারেশন প্রদান করে।
আমার রঙ এবং ডেটা কি প্রাইভেট?
সম্পূর্ণভাবে। প্রতিটি অপারেশন — পিকিং, রূপান্তর, কনট্রাস্ট গণনা, টিন্ট/শেড জেনারেশন, স্কিম জেনারেশন, ইমেজ স্যাম্পলিং — আপনার ব্রাউজারে স্থানীয়ভাবে ঘটে। আপনি লেখা, স্যাম্পল করা বা আপলোড করা কিছুই কোনো সার্ভারে পাঠানো হয় না। রিসেন্ট কালারগুলো শুধু আপনার নিজের ব্রাউজারের লোকাল স্টোরেজে সংরক্ষিত থাকে এবং কখনও ট্রান্সমিট হয় না। Adobe Color বা Figma-এর কালার পিকারের মতো ক্লাউড-ভিত্তিক ডিজাইন টুলের তুলনায় এটি একটি গুরুত্বপূর্ণ পার্থক্য।
আমি কীভাবে HEX HSL-এ রূপান্তর করব?
আপনার হেক্স কোড HEX ফিল্ডে পেস্ট করুন — উদাহরণস্বরূপ #3b82f6 — এবং HSL মান তৎক্ষণাৎ দেখা যায়: hsl(217, 91%, 60%)। আপনি অন্য দিক থেকেও যেতে পারেন: HSL ফিল্ডে একটি হিউ (০–৩৬০), স্যাচুরেশন (০–১০০%), এবং লাইটনেস (০–১০০%) টাইপ করুন আর হেক্স কোড এবং অন্য সব ফরম্যাট একসাথে আপডেট হয়। রূপান্তরটি গাণিতিকভাবে সঠিক। CSS-এ HSL বিশেষভাবে দরকারি কারণ লাইটনেস সমন্বয় স্বজ্ঞাত — একটি রঙকে ১০% হালকা করতে, শুধু L মানে ১০ যোগ করুন।
কালার পিকারটি কি iPhone এবং Android-এ কাজ করে?
হ্যাঁ। সম্পূর্ণ টুলটি যেকোনো আধুনিক মোবাইল ব্রাউজারে চলে — iPhone/iPad-এ Safari এবং Android-এ Chrome। কালার হুইল, ফরম্যাট ইনপুট ফিল্ড, ইমেজ কালার পিকার, WCAG কনট্রাস্ট চেকার, টিন্ট/শেড স্কেল এবং কালার স্কিম জেনারেটর সবই মোবাইলে স্বাভাবিকভাবে কাজ করে। স্ক্রিন আইড্রপার মোবাইল ব্রাউজারে উপলব্ধ নেই (এটি শুধুমাত্র ডেস্কটপ Chrome/Edge API), কিন্তু ইমেজ পিকার এবং ক্লিপবোর্ড পেস্ট মোবাইলে নিখুঁতভাবে কাজ করে।
আমি কি একটি রঙকে এর CSS ভ্যারিয়েবল বা Tailwind CSS ক্লাসে রূপান্তর করতে পারি?
টুলটি প্রতিটি সমর্থিত ফরম্যাটে বৈধ CSS কালার মান আউটপুট দেয় — #hex, rgb(…), hsl(…), hsv(…), cmyk(…), এবং oklch(…) — প্রতিটির সাথে এক-ক্লিক কপি বাটন। আপনি এগুলোর যেকোনোটি সরাসরি একটি CSS ভ্যারিয়েবল সংজ্ঞায় পেস্ট করতে পারেন বা Tailwind-এর arbitrary value সিনট্যাক্সে ব্যবহার করতে পারেন, যেমন bg-[#3b82f6]। টুলটি নিকটতম নামাঙ্কিত CSS কালার কীওয়ার্ডও দেখায়, তাই আপনি CSS বা Tailwind-এর নামাঙ্কিত কালার ক্লাসে সরাসরি কালার নাম ব্যবহার করতে পারেন।
Related tools
সব টুল দেখুন
নতুন Glassmorphism জেনারেটর
একটি ফ্রস্টেড-গ্লাস কার্ড ডিজাইন করুন এবং লাইভ প্রিভিউ সহ CSS কপি করুন।
নতুন CSS Text-Shadow জেনারেটর
লাইভ প্রিভিউ সহ একটি CSS text shadow সমন্বয় করুন এবং কোড কপি করুন।
নতুন কালার মিক্সার
যেকোনো অনুপাতে দুটি রঙ মিশ্রিত করুন এবং ফলাফল বা যেকোনো ধাপ কপি করুন।
নতুন ইমেজ কালার পিকার
ছবি থেকে যেকোনো রং বেছে নিন এবং এর প্রধান প্যালেট HEX, RGB ও HSL হিসেবে বের করুন।
নতুন Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
নতুন Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.