কালার কনভার্টার (HEX/RGB/HSL)
HEX, RGB এবং HSL ফরম্যাটের মধ্যে রং রূপান্তর করুন। দৃশ্যমানভাবে একটি রং বেছে নিন বা মানগুলি ম্যানুয়ালি লিখুন।
#535bebrgb(83, 91, 235)hsl(237, 79%, 62%)এই টুলটি কীভাবে ব্যবহার করবেন
- 1
Click the color swatch to open your operating system's color picker and choose a color visually.
- 2
Or type a 6-digit HEX value (such as #535beb, with or without the leading #) into the text field.
- 3
Read the matching rgb(R, G, B) and hsl(H, S%, L%) strings in the result cards below.
- 4
Copy whichever format you need straight into your CSS or design file.
কালার কনভার্টার (HEX/RGB/HSL) কী?
HEX, RGB এবং HSL হল একই রং প্রকাশ করার তিনটি উপায়। HEX (#RRGGBB) CSS এবং ডিজাইন টুলে সবচেয়ে সাধারণ। RGB (rgb(R,G,B)) চ্যানেলগুলিকে সাংখ্যিকভাবে আলাদা করে। HSL (hsl(H,S%,L%)) মানুষের জন্য বেশি স্বজ্ঞাত: হিউ (hue) হল রং, স্যাচুরেশন হল তীব্রতা এবং লাইটনেস (lightness) হল উজ্জ্বলতা। প্যালেট ডিজাইন করার সময় HSL ব্যবহার করুন; বাস্তবায়নের জন্য এটিকে HEX-এ রূপান্তর করুন।
সাধারণ ব্যবহারের ক্ষেত্র
Translating a brand HEX code from a style guide into the rgb() values a legacy stylesheet or email template requires.
Grabbing the HSL form of a color so you can nudge its lightness or saturation while keeping the same hue for a palette.
Checking the exact RGB channels of a color picked from a screenshot or mockup before writing it into CSS.
Confirming what a designer's HEX swatch becomes in RGB for a canvas, SVG, or charting library that wants numeric channels.
Teaching or learning how hexadecimal color notation maps to decimal RGB and to the HSL model.
Quickly sampling a color visually with the picker and reading all three CSS-ready notations at once.
সচরাচর জিজ্ঞাসিত প্রশ্ন
HEX-এর পরিবর্তে আমার কখন HSL ব্যবহার করা উচিত?▼
OKLCH এবং আধুনিক কালার স্পেস সম্পর্কে কী?▼
সম্পর্কিত টুল
CSS Box Shadow জেনারেটর
ভিজ্যুয়ালি CSS box-shadow মান তৈরি করুন। রিয়েল টাইমে প্রিভিউ দেখুন এবং তৈরি করা CSS কপি করুন।
CSS গ্রেডিয়েন্ট জেনারেটর
লিনিয়ার ও রেডিয়াল CSS গ্রেডিয়েন্ট তৈরি করুন। ভিজ্যুয়ালি রং বেছে নিন এবং জেনারেট হওয়া CSS কপি করুন।
Cubic Bezier অ্যাক্সিলারেশন কার্ভ জেনারেটর
CSS-এর জন্য cubic-bezier অ্যাক্সিলারেশন কার্ভ তৈরি করুন। স্ট্যান্ডার্ড প্রিসেট অন্তর্ভুক্ত।
কালার প্যালেট জেনারেটর
যেকোনো বেস কালার থেকে সুসংগত কালার প্যালেট তৈরি করুন। কমপ্লিমেন্টারি, অ্যানালগাস, ট্রায়াডিক এবং মনোক্রোম্যাটিক স্কিম সমর্থন করে।
CSS Border Radius জেনারেটর
ভিজ্যুয়ালি জটিল CSS border-radius মান তৈরি করুন। প্রতিটি কোণের স্বাধীন নিয়ন্ত্রণ।
CSS Clamp() জেনারেটর
clamp() দিয়ে ফ্লুইড, রেসপন্সিভ CSS মান তৈরি করুন। ভিউপোর্ট রেঞ্জ জুড়ে ন্যূনতম ও সর্বোচ্চ সাইজের মধ্যে মসৃণভাবে স্কেল করে।