কনটেন্টে যান

HEX · RGB · HSL · HSV · CMYK

কালার কনভার্টার

রং #0060fd হলো rgb(0, 96, 253), hsl(217, 100%, 50%) আর cmyk(100%, 62%, 0%, 1%)। যেকোনো CSS রং লিখুন বা পিকার ব্যবহার করে নিজের রং কনভার্ট করুন।

আপনি লিখতে লিখতেই টাইলগুলো হালনাগাদ হয়। লেখাটি রং না হলে ত্রুটির বার্তা আসে আর শেষ বৈধ রংটি পর্দায় থাকে।

Scanned by NortonTM Safe Web

এক নজরে

মূল্য
কোনো চার্জ নেই
অ্যাকাউন্ট
লাগে না
আপলোড
প্রযোজ্য নয় — আপনি একটি রং লেখেন, কিছুই কোথাও পাঠানো হয় না
ইনপুট
HEX (3, 4, 6 বা 8 অঙ্ক), rgb(), hsl(), hwb(), 148টি CSS রঙের নাম ও transparent
আউটপুট
HEX, RGB, HSL, HSV, CMYK আর কাছের CSS রঙের নাম
CMYK
গাণিতিক রূপান্তর, প্রিন্ট প্রোফাইল নয়

প্রচলিত রং সব মডেলে

এই সারিগুলো কনভার্টারের একই কোড দিয়ে তৈরি। HSL, HSV ও CMYK পূর্ণসংখ্যায় গোল করা।

একটি রং ছয়টি নোটেশনে
লেখাHEXRGBHSLHSVCMYK
#0060fd#0060fdrgb(0, 96, 253)hsl(217, 100%, 50%)hsv(217, 100%, 99%)cmyk(100%, 62%, 0%, 1%)
red#ff0000rgb(255, 0, 0)hsl(0, 100%, 50%)hsv(0, 100%, 100%)cmyk(0%, 100%, 100%, 0%)
white#ffffffrgb(255, 255, 255)hsl(0, 0%, 100%)hsv(0, 0%, 100%)cmyk(0%, 0%, 0%, 0%)
black#000000rgb(0, 0, 0)hsl(0, 0%, 0%)hsv(0, 0%, 0%)cmyk(0%, 0%, 0%, 100%)
grey#808080rgb(128, 128, 128)hsl(0, 0%, 50%)hsv(0, 0%, 50%)cmyk(0%, 0%, 0%, 50%)
transparent#00000000rgba(0, 0, 0, 0)hsla(0, 0%, 0%, 0)hsv(0, 0%, 0%)cmyk(0%, 0%, 0%, 100%)

রং কীভাবে কনভার্ট করবেন

1

একটি রং লিখুন

3, 4, 6 বা 8 অঙ্কের HEX কোড, rgb(), hsl() বা hwb() মান, অথবা 148টি CSS রঙের নামের একটি লিখুন। রঙের বাক্সে ক্লিক করে ব্রাউজারের পিকার দিয়েও রং বেছে নিতে পারেন।

2

অন্য মডেলগুলো পড়ুন

সোয়াচটি রংটিকে চেকারবোর্ডের উপর দেখায়, তাই স্বচ্ছতা চোখে পড়ে। টাইলগুলো একই রং HEX, RGB, HSL, HSV ও CMYK-তে আর কাছের CSS রঙের নামটি দেখায়।

3

যা দরকার কপি করুন

কোনো টাইলে কপি চাপলে সেই মান ক্লিপবোর্ডে চলে যায়, স্টাইলশিট, ডিজাইন টুল বা ডকুমেন্টে পেস্ট করার জন্য তৈরি।

রঙের মডেলগুলো কীভাবে সম্পর্কিত

RGB একটি রংকে বর্ণনা করে পর্দা যে পরিমাণ লাল, সবুজ ও নীল আলো যোগ করে তা দিয়ে, প্রতিটি 0 থেকে 255; #0060fd হলো 0 লাল, 96 সবুজ আর 253 নীল। HEX হলো একই তিনটি সংখ্যা 16 ভিত্তিতে লেখা, তাই 96 হয় 60 আর 253 হয় fd। HSL ও HSV একই রংকে বর্ণনা করে রঙের চাকায় 0 থেকে 360 ডিগ্রির একটি হিউ কোণ আর দুটি শতাংশ দিয়ে: স্যাচুরেশন, এবং লাইটনেস (HSL) বা ভ্যালু (HSV)। #0060fd-এর হিউ দুটিতেই 217। CMYK কালি বর্ণনা করে: সাদা কাগজ থেকে সায়ান, ম্যাজেন্টা, হলুদ ও কালো বিয়োগ হয়।

এখানে দেখানো CMYK সাদামাটা গাণিতিক রূপান্তর: কালো হলো 1 বিয়োগ R, G ও B-এর বড়টি, আর সায়ান, ম্যাজেন্টা ও হলুদ হলো যা বাকি থাকে। এটি প্রিন্ট প্রোফাইল নয়, তাই ICC প্রোফাইল ব্যবহার করা প্রিন্টার বা ডিজাইন প্রোগ্রাম একই রঙের জন্য ভিন্ন CMYK সংখ্যা দেবে। HSL মান পূর্ণসংখ্যায় দেখানো হয়, তাই গোল করা মান ফিরিয়ে কনভার্ট করলে কোনো চ্যানেল কয়েক ইউনিট সরে যেতে পারে: hsl(217, 100%, 50%) হলো #0062ff, #0060fd নয়। কাছের CSS নামটি হলো L*a*b* স্পেসে CIE76 রঙের পার্থক্য সবচেয়ে কম যে কীওয়ার্ডের। সবকিছু আপনার ব্রাউজারে চলে আর কিছুই কোথাও পাঠানো হয় না।

কালার কনভার্টার নিয়ে প্রশ্ন

HEX থেকে RGB-তে কীভাবে কনভার্ট করব?

ছয়টি অঙ্ককে তিন জোড়ায় ভাগ করে প্রতিটি জোড়াকে 16 ভিত্তির সংখ্যা হিসেবে পড়ুন। #0060fd হলো 00, 60 আর fd, যা 0, 96 ও 253, তাই রংটি rgb(0, 96, 253)। ঘরে HEX কোড পেস্ট করলে RGB টাইলে ফলাফল দেখা যায়।

8 অঙ্কের HEX কোডের শেষ দুটি অঙ্কের মানে কী?

এগুলো আলফা চ্যানেল, অর্থাৎ অস্বচ্ছতা, 00 (সম্পূর্ণ স্বচ্ছ) থেকে ff (সম্পূর্ণ অস্বচ্ছ)। #0060fd80 একই নীল 255-এর মধ্যে 128, যা প্রায় 50.2% অস্বচ্ছতা, তাই এটি rgba(0, 96, 253, 0.502) হিসেবে দেখানো হয়। #06f8-এর মতো 4 অঙ্কের কোডও একইভাবে কাজ করে, প্রতিটি অঙ্ক দ্বিগুণ করে।

HSL আর HSV-এর তফাত কী?

দুটিই হিউ আর স্যাচুরেশন ব্যবহার করে, কিন্তু তৃতীয় মানটি আলাদা। HSL-এ 50% লাইটনেস মানে খাঁটি রং, 0% কালো আর 100% সাদা। HSV-এ 100% ভ্যালু মানে রঙের সবচেয়ে উজ্জ্বল রূপ, আর সাদার জন্য স্যাচুরেশন 0% লাগে। একই নীল হলো hsl(217, 100%, 50%) আর hsv(217, 100%, 99%)।

CMYK ফলাফল কি ছাপার কাজে ব্যবহার করা যায়?

শুধু শুরুর বিন্দু হিসেবে ব্যবহার করুন। এই পেজ RGB ও CMYK-এর মধ্যে সহজ সূত্র ব্যবহার করে, যা কালি, কাগজ বা প্রিন্টারের প্রোফাইল সম্পর্কে কিছুই জানে না। কালার প্রোফাইলসহ প্রিন্টের দোকান বা ডিজাইন প্রোগ্রাম একই RGB রংকে ভিন্ন CMYK সংখ্যায় কনভার্ট করবে।

কোন কোন রঙের ফরম্যাট লেখা যায়?

# সহ বা ছাড়া HEX, 3, 4, 6 বা 8 অঙ্কের; কমা বা স্পেস দিয়ে rgb() ও rgba(), সংখ্যা বা শতাংশে, আর স্ল্যাশের পর ঐচ্ছিক আলফাসহ; deg, rad, grad বা turn-এ কোণসহ hsl(), hsla() ও hwb(); rebeccapurple-এর মতো 148টি CSS রঙের নাম; এবং transparent।

কাছের রঙের নামটি হুবহু মেলে না কেন?

CSS-এ রঙের নাম মাত্র 148টি, তাই বেশিরভাগ রঙের নিজস্ব কোনো নাম নেই। পেজ সেই নামটি বেছে নেয় যার রং সবচেয়ে কাছের দেখায়, L*a*b* স্পেসে CIE76 রঙের পার্থক্য দিয়ে মাপা; #0060fd-এর জন্য সেটি mediumslateblue। রংটি যখন ঠিক নামযুক্ত কোনো রং হয়, যেমন #ff0000, পেজ বলে এটি হুবহু মিল।