রং কনভার্টার
ট্রেন্ডিং 🔥HEX, RGB, HSL এর মধ্যে রং রূপান্তর করুন
রং কনভার্টার কীভাবে ব্যবহার করবেন
- 1যেকোনো সমর্থিত ফরম্যাটে রঙের মান প্রবেশ করান
- 2তাৎক্ষণিকভাবে সমস্ত ফরম্যাটে রূপান্তরিত হবে
- 3লাইভ কালার প্রিভিউ দেখুন
রং কনভার্টার সম্পর্কে
কালার কনভার্টার হল HEX, RGB, RGBA, HSL এবং HSLA ফরম্যাটের মধ্যে রঙের মান রূপান্তরের একটি ব্যাপক টুল। এটি একটি লাইভ রঙের প্রিভিউ দেখায়।
রং কনভার্টার-এর মূল বৈশিষ্ট্যসমূহ
- HEX, RGB, RGBA, HSL এবং HSLA-এর মধ্যে তাৎক্ষণিকভাবে রূপান্তর করে
- যেকোনো format ইনপুট করলে সব অন্যগুলো একসাথে আপডেট হয়
- Visual color preview swatch real-time-এ আপডেট হয়
- interactive color selection-এর জন্য browser color picker
- 3-digit (#RGB) ও 6-digit (#RRGGBB) উভয় HEX format সমর্থন করে
- RGBA ও HSLA-তে alpha/transparency channel পরিচালনা করে
- প্রতিটি color format এক-ক্লিকে কপি করা যায়
- সম্পূর্ণ browser-এ কাজ করে — কোনো server request নেই
সমর্থিত ফরম্যাট
ইনপুট ফরম্যাট
আউটপুট ফরম্যাট
যেকোনো format-এ value ইনপুট করুন এবং অন্য সব format তাৎক্ষণিকভাবে আপডেট হবে। "cornflowerblue"-এর মতো CSS named color এখনো ইনপুট হিসেবে সমর্থিত নয়।
উদাহরণ
CSS-এর জন্য Figma HEX color কে HSL-এ রূপান্তর
CSS custom property-তে ব্যবহারের জন্য design tool HEX value কে HSL-এ রূপান্তর করুন।
ইনপুট
#3B82F6
আউটপুট
RGB: rgb(59, 130, 246) | HSL: hsl(217, 91%, 60%) | HSLA: hsla(217, 91%, 60%, 1)
RGB color-এ transparency যোগ করা
semi-transparent overlay-এর জন্য 50% opacity সহ solid color-এর RGBA equivalent পান।
ইনপুট
rgb(0, 0, 0) with alpha 0.5
আউটপুট
RGBA: rgba(0, 0, 0, 0.5) | HEX with alpha: #00000080
সাধারণ ব্যবহারের ক্ষেত্র
- Design tool (Figma, Sketch) থেকে HEX color কে CSS RGB বা HSL value-তে রূপান্তর করা
- semi-transparent overlay-এর জন্য solid color কে RGBA-তে রূপান্তর করা
- CSS-এ programmatic lightening ও darkening-এর জন্য HSL value ব্যবহার করা
- front-end code ও back-end API-এর মধ্যে color format সংযুক্ত করা
- একটি color-এর বিভিন্ন format representation সমতুল্য কিনা যাচাই করা
- design spec-এ HEX color-এর RGB value দ্রুত চেক করা
সমস্যা সমাধান
HEX value প্রত্যাশিত color থেকে আলাদা দেখাচ্ছে
সমাধান
#-এর পরে HEX value অবশ্যই ঠিক 3 বা 6 hexadecimal digit হতে হবে। #FF0 (3-digit) ও #FF0000 (6-digit) উভয়ই valid red।
HSL hue value range-এর বাইরে
সমাধান
HSL hue হলো 0 থেকে 360 degree পর্যন্ত value। Saturation ও lightness হলো percentage (0–100%)।
RGBA/HSLA-তে alpha value কাজ করছে না
সমাধান
Alpha হলো 0 (সম্পূর্ণ transparent) থেকে 1 (সম্পূর্ণ opaque) পর্যন্ত value। percentage নয়, 0 থেকে 1-এর মধ্যে decimal ব্যবহার করুন।
সচরাচর জিজ্ঞাসিত প্রশ্ন
কোন color format সমর্থিত?
HEX (#RRGGBB ও #RGB), RGB, RGBA, HSL এবং HSLA। যেকোনো format ইনপুট করুন এবং অন্য সব তাৎক্ষণিকভাবে গণনা হয়।
RGB ও HSL-এর মধ্যে পার্থক্য কী?
RGB color কে red, green ও blue আলোর intensity হিসেবে সংজ্ঞায়িত করে। HSL color কে hue (0–360°), saturation (0–100%) ও lightness (0–100%) দিয়ে সংজ্ঞায়িত করে।
HEX-এর পরিবর্তে RGBA কখন ব্যবহার করব?
transparency (alpha channel) প্রয়োজন হলে RGBA ব্যবহার করুন। RGBA হলো CSS-এ transparent color-এর জন্য সবচেয়ে universally compatible format।
RGBA-তে alpha value কী উপস্থাপন করে?
Alpha opacity উপস্থাপন করে: 0 সম্পূর্ণ transparent, 1 সম্পূর্ণ opaque। 0.5-এর মতো value 50% transparency দেয়।
আমি কি "cornflowerblue"-এর মতো CSS named color রূপান্তর করতে পারি?
Named CSS color এখনো ইনপুট হিসেবে সমর্থিত নয়। CSS reference থেকে HEX value খুঁজুন এবং রূপান্তর করতে সেটি ইনপুট করুন।
HEX shorthand (#RGB) ও full HEX (#RRGGBB)-এর মধ্যে পার্থক্য আছে?
#RGB হলো shorthand যেখানে প্রতিটি digit দ্বিগুণ হয়। #F80 মানে #FF8800। Shorthand শুধু বৈধ যখন প্রতি pair-এর উভয় digit একই।
আমার ডেটা কি server-এ পাঠানো হয়?
না। সব রূপান্তর JavaScript math ব্যবহার করে আপনার browser-এ locally হয়।
আমি কি এটি দিয়ে color-এর HSL lightness খুঁজতে পারি?
হ্যাঁ। HEX বা RGB value ইনপুট করুন এবং HSL আউটপুট lightness percentage দেখাবে।