HEX রংকে RGB ও HSL-এ রূপান্তর করব কীভাবে?

Color input-এ রং টাইপ বা পেস্ট করুন, যেমন #14b8a6, অথবা কালার পিকার ব্যবহার করুন। টুল HEX, rgb(), hsl(), hsv() ও cmyk() মান দেখায়, সঙ্গে oklch(), lab() ও lch(), প্রতিটির পাশে Copy বোতাম আছে।

কোন কোন রঙের ফরম্যাট টাইপ করা যায়?

৩, ৪, ৬ বা ৮ অঙ্কের HEX, rgb() বা rgba(), কমা বা স্পেস সিনট্যাক্সে hsl() বা hsla(), এবং শুধু তিনটি সংখ্যা। ইনপুট চেনা না গেলে টুল একটি parse error দেখায়।

স্বচ্ছতাসহ রং কি রূপান্তর করা যায়?

হ্যাঁ। Opacity কন্ট্রোল ব্যবহার করুন বা ইনপুটে একটি আলফা মান দিন। তখন আউটপুটে আলফা চ্যানেল থাকে, যেমন ৮ অঙ্কের HEX, rgba(), বা আধুনিক সিনট্যাক্সে স্ল্যাশ আলফা।

CMYK মান কি প্রিন্টের জন্য সঠিক?

না, এটি sRGB থেকে CMYK-এর একটি সাধারণ আনুমানিক রূপান্তর, যা For print-এর নিচে দেখানো হয়। সঠিক প্রিন্ট রঙের জন্য আপনার প্রিন্টারের কালার প্রোফাইল ব্যবহার করুন বা প্রুফ চান, কারণ স্ক্রিনের উজ্জ্বল রং প্রায়ই প্রিন্টে ম্লান হয়।

আমার রঙের টেক্সটের জন্য যথেষ্ট কনট্রাস্ট আছে কি না দেখব কীভাবে?

WCAG contrast বিভাগ দেখুন। এটি সাদা ও কালোর উপর আপনার রঙের কনট্রাস্ট অনুপাত দেখায়, গ্রেড AAA, AA, AA Large বা Fail। Lightness scale চেষ্টা করার জন্য হালকা বা গাঢ় শেড দেয়।

এটি কি সত্যিই বিনামূল্যে?

হ্যাঁ। প্রতিটি টুল বিনামূল্যে ব্যবহার করা যায়, কোনো অ্যাকাউন্ট বা ক্রেডিট কার্ড ছাড়াই। কাজটি আমাদের সার্ভারের পরিবর্তে আপনার ডিভাইসে চলে, যার কারণে এটি চালানো বিনামূল্যে থাকে।

এটি মোবাইলে কাজ করে?

হ্যাঁ। কিছু ইনস্টল না করেই iOS ও Android-এর আধুনিক মোবাইল ব্রাউজারে চলে।

🎨

বিনামূল্যে রঙ কনভার্টার

HEX, RGB, HSL, HSV এবং CMYK ফরম্যাটের মধ্যে রঙ তাৎক্ষণিকভাবে রূপান্তর করুন। হালকা-গাঢ় স্কেল ও প্রিসেট সোয়াচ অন্তর্ভুক্ত।

ব্রাউজারেই চলেসাইন-আপ নেই, পপ-আপ নেইলগইনের প্রয়োজন নেইচিরকালের জন্য বিনামূল্যে

একবার লোড হলে অফলাইনেও কাজ করে

একটি রঙ HEX, RGB, HSL, HSV এবং CMYK এর মধ্যে রূপান্তর করুন — লাইভ প্রিভিউ এবং এক-ট্যাপ কপির সাথে। সবকিছু আপনার ব্রাউজারে চলে।

রঙ ইনপুট

গ্রহণ করে: HEX (#fff বা #ffffff), RGB (255, 255, 255), বা HSL (360, 100%, 50%)

স্বচ্ছতা100%

প্রিসেট:

HEX#14B8A6

rgb() · পুরনোrgb(20, 184, 166)

rgb() · আধুনিকrgb(20 184 166)

hsl() · পুরনোhsl(173, 80%, 40%)

hsl() · আধুনিকhsl(173 80% 40%)

oklch()oklch(70.4% 0.123 182.5)

lab()lab(67.1% -42.9 -2.3)

lch()lch(67.1% 43.0 183.1)

hsv()hsv(173, 89%, 72%)

cmyk()cmyk(89%, 0%, 10%, 28%)

RGB মান20, 184, 166

WCAG বৈসাদৃশ্য

সাদা পটভূমিতে

২.৪৯:1

ব্যর্থ

কালো পটভূমিতে

৮.৪৪:1

AAA

🖨️ মুদ্রণের জন্য: এই CMYK মান (89%, 0%, 10%, 28%) একটি মানক sRGB→CMYK আনুমানিক রেফারেন্সের জন্য। নির্ভুল মুদ্রণ রঙের জন্য, আপনার প্রিন্টারের ICC প্রোফাইল বা মুদ্রিত প্রমাণ ব্যবহার করুন — স্ক্রিন CMYK প্রতিটি কালি/কাগজ মেলাতে পারে না।

উজ্জ্বলতা স্কেল

সেই শেডে যেতে যেকোনো সোয়াচে ক্লিক করুন

সাধারণ ব্যবহার

ওয়েব ডিজাইনের জন্য রঙ রূপান্তর করুনযেকোনো রঙের জন্য HEX, RGB এবং HSL মান পান — CSS বা Tailwind এ পেস্ট করার জন্য প্রস্তুত।
মুদ্রণের জন্য রঙ রূপান্তর করুন (CMYK)স্ক্রীন রঙগুলি (HEX/RGB) CMYK মানগুলিতে রূপান্তরিত করুন প্রিন্ট ডিজাইন এবং পেশাদার মুদ্রণে ব্যবহারের জন্য।
ডিজাইন সিস্টেমের জন্য রঙ প্যালেট তৈরি করুনসমস্ত ফর্ম্যাট জুড়ে ব্র্যান্ড রঙগুলি রূপান্তরিত করুন এবং একটি সম্পূর্ণ ডিজাইন সিস্টেমের জন্য সামঞ্জস্যপূর্ণ হালকাতার স্কেল তৈরি করুন।
অ্যাক্সেসযোগ্যতার জন্য রঙ বৈপরীত্য পরীক্ষা করুনসংবেদনশীল অনুপাত সরঞ্জামে ব্যবহারের জন্য RGB মান পেতে রঙ রূপান্তর করুন - অ্যাক্সেসযোগ্য ডিজাইনের জন্য WCAG সম্মতি।
Figma এর জন্য রঙ রূপান্তরিত করুনFigma রঙ পিকার এবং ডিজাইন টোকেন সিস্টেমে পেস্ট করার জন্য সঠিক HEX এবং RGB মান পান।

কিভাবে কাজ করে

সব রূপান্তরের যুক্তি পুরোপুরি আপনার ব্রাউজারে চলা হাতে লেখা JavaScript — কোনো লাইব্রেরি বা সার্ভার কল নেই। টুলটি আপনার ইনপুট পার্স করে, বিশুদ্ধ গাণিতিক ফাংশনের একটি শৃঙ্খলে পাঠায়, এবং একসাথে এগারোটি আউটপুট ফরম্যাট দেয়, আধুনিক CSS Color 4 স্পেস oklch() ও lab()-সহ।

1
নমনীয় ইনপুট পার্সিং
একটি কাস্টম পার্সার hex (3, 4, 6 বা 8 অঙ্ক), rgb()/rgba(), hsl()/hsla() — পুরনো কমা সিনট্যাক্স ও আধুনিক স্পেস সিনট্যাক্স দুটোতেই — এবং শুধু সংখ্যার ত্রয়ী গ্রহণ করে। রূপান্তর শুরুর আগে দশমিক বা শতাংশের alpha মান 0–1 পরিসরে আনা হয়।
2
রূপান্তরের কেন্দ্র RGB
প্রতিটি গৃহীত ফরম্যাট প্রথমে একটি আদর্শ RGB ত্রয়ীতে রূপান্তরিত হয়। সেই একটি রূপ থেকে টুলটি ছড়িয়ে যায়: HSL ও HSV আদর্শ min/max/chroma সূত্র ব্যবহার করে; CMYK key চ্যানেল খুঁজে বের হয়; এবং perceptual-স্পেসের হিসাবের আগে sRGB লিনিয়ারাইজেশন (IEC 61966-2-1-এ সংজ্ঞায়িত খণ্ডিত গামা কার্ভ) প্রয়োগ হয়।
3
শূন্য থেকে হিসাব করা perceptual কালার স্পেস
oklch() হিসাব হয় Björn Ottosson-এর রেফারেন্স 3×3 ম্যাট্রিক্স (LMS cube-root স্পেস) দিয়ে। lab() ও lch() D65 সাদা বিন্দু থেকে D50-এ রূপান্তরে Bradford chromatic adaptation ব্যবহার করে, যা CSS Color 4-এর lab() সংজ্ঞার সাথে মেলে। ব্রাউজারের রেন্ডারিং ইঞ্জিনে এই একই সূত্র ব্যবহৃত হয় — এখানে কোনো বাইরের নির্ভরতা ছাড়াই বাস্তবায়িত।
4
WCAG কনট্রাস্ট ও lightness স্কেল
Relative luminance WCAG 2.1 সূত্রে হিসাব হয় (লিনিয়ার R, G, B-কে 0.2126/0.7152/0.0722 ওজন দিয়ে), এবং সাদা ও কালোর বিপরীতে কনট্রাস্ট অনুপাতকে AA-large, AA, AAA বা Fail গ্রেড দেওয়া হয়। HSL lightness চ্যানেল 10% থেকে 90% পর্যন্ত ধাপে বাড়িয়ে নয় ধাপের একটি lightness স্ট্রিপ তৈরি হয়; যেকোনো সোয়াচে ক্লিক করে সেই শেড রূপান্তর করতে পারেন।

বিনামূল্যে রঙ কনভার্টার

সাধারণ ব্যবহার

কিভাবে কাজ করে

সম্পর্কিত টুলস

কালার পিকার এবং প্যালেট জেনারেটর

র‍্যান্ডম রঙ জেনারেটর

রঙের প্যালেট জেনারেটর

সচরাচর জিজ্ঞাসিত প্রশ্নাবলী