আমি কীভাবে HEX কে RGB এ রূপান্তর করব?

ষষ্ঠ স্থানের HEX কোডকে তিনটি জোড়ায় ভাগ করুন (RR, GG, BB) এবং প্রতিটি জোড়াকে বেস 16 থেকে বেস 10 এ রূপান্তর করুন। উদাহরণস্বরূপ, #1A2B3C হল R = 26, G = 43, B = 60, যা rgb(26, 43, 60) হিসাবে লেখা হয়। প্রতিটি হেক্সাডেসিমাল অঙ্ক A–F 10–15 মানের প্রতিনিধিত্ব করে।

কীভাবে #FF5733 এর সমান আছে RGB?

#FF5733 হল rgb(255, 87, 51)। এটি একটি বিশাল লাল-সবুজ রঙ যা সাধারণত কল টু অ্যাকশন বাটন এবং সতর্কতা উপাদান এর জন্য ওয়েব ডিজাইনে ব্যবহৃত হয়।

কীভাবে একটি মানক হেক্স রঙের কোড হয়?

একটি মানক হেক্স রঙের কোড হল # চিহ্ন দ্বারা শুরু হয় এবং এটি অবশ্যই 6 হেক্সাডেসিমাল চরিত্র (সংখ্যা 0–9 এবং অক্ষর A–F) দ্বারা অনুসরণ করে। ছোট হেক্স কোডের মতো 3-ডিজিটের মতো শর্তাবলী যেমন #FFF প্রয়োজনীয়। CSS এছাড়াও 4-ডিজিট এবং 8-ডিজিট হেক্স কোড সমর্থন করে যা একটি অ্যালফা (অপারেন্সি) চ্যানেল অন্তর্ভুক্ত করে।

হেক্স এবং RGB এর মধ্যে কী পার্থক্য আছে?

হেক্স এবং RGB একই রঙের স্থান প্রতিনিধিত্ব করে — তারা একই ডেটা এর জন্য ভিন্ন লিখন পদ্ধতি। হেক্স বেস-16 এনকোডিং ব্যবহার করে (#4A90E2) যখন RGB ব্যবহার করে বেসিক মানের মান ( rgb(74, 144, 226))। তাদের মধ্যে রূপান্তর করা গুণমান বা রঙের তথ্যের কোনো ক্ষতি নেই; এটি শুধুমাত্র একটি লিখন পদ্ধতির পরিবর্তন।

আমি কীভাবে হেক্স কোডে অপারেন্সি ব্যবহার করতে পারি?

হ্যাঁ। CSS 8-ডিজিট হেক্স কোড সমর্থন করে যেখানে শেষ দুটি অঙ্ক অ্যালফা চ্যানেলকে প্রতিনিধিত্ব করে। উদাহরণস্বরূপ, #FF880080 হল অরেঞ্জ রঙ 50% অপারেন্সিতে। আপনি অপারেন্সিকে rgba() ব্যবহার করেও প্রদর্শন করতে পারেন: rgba(255, 136, 0, 0.5)। 8-ডিজিট হেক্স ফরম্যাটটি সব আধুনিক ব্রাউজারে সমর্থিত।

আমি কীভাবে একটি 3-ডিজিট হেক্স কোড রূপান্তর করব?

প্রতিটি অঙ্ককে দ্বিগুণ করুন। #F80 হল #FF8800, যা তারপর rgb(255, 136, 0) হয়। ছোট কোডটি শুধুমাত্র তখনই কাজ করে যখন পূর্ণ কোডের প্রতিটি জোড়ায় প্রতিটি অঙ্ক একই হবে।

কীভাবে #000000 এর সমান আছে RGB?

#000000 হল rgb(0, 0, 0), যা পুরো কালো। তিনটি রঙের চ্যানেল সব শূন্য পরিমাণে রয়েছে, যার অর্থ কোনো আলো নেই। ক্রমটির সাথে, এটি নামকৃত রঙের সমান black।

কীভাবে #FFFFFF এর সমান আছে RGB?

#FFFFFF হল rgb(255, 255, 255), যা পুরো সাদা। তিনটি রঙের চ্যানেল সব সর্বোচ্চ পরিমাণে রয়েছে। ক্রমটির সাথে, এটি নামকৃত রঙের সমান white।

ডিজাইনাররা কেন হেক্স ব্যবহার করেন এবং RGB নয়?

হেক্স কোডগুলি বিকল্প (7 চরিত্র সহ হ্যাশ থেকে শুরু হয়) কমপ্যাক্ট (16 চরিত্রের মধ্যে পর্যন্ত একটি RGB ঘোষণা), ডিজাইন স্পেস, স্টাইল গাইড এবং দ্রুত কপি-পেস্ট ওয়ার্কফ্লোর জন্য উপযুক্ত। তারা ডিজাইন টুলস যেমন Figma, Sketch, এবং ফটোশপের ডিফল্ট আউটপুট ফরম্যাট। RGB প্রয়োজন হলে ব্যক্তিগত চ্যানেলগুলি প্রোগ্রামকৃত ভাবে পরিচালনা করার জন্য।

আমি কীভাবে আমার রঙের বিপরীততা পরীক্ষা করব এবং অ্যাক্সেসিবিলিটি জন্য?

প্রথমে আপনার টেক্সট রঙ এবং ব্যাকগ্রাউন্ড রঙ থেকে হেক্স থেকে RGB এ রূপান্তর করুন। তারপর প্রতিটি ব্যবহার করে তাদের সম্পর্কিত নিম্নলিখিত রূপান্তর গণনা করুন। WCAG সূত্র এবং বিপরীততা অনুপাত গণনা করুন। WCAG AA জন্য সাধারণ টেক্সটের জন্য 4.5:1 এবং বৃহৎ টেক্সটের জন্য 3:1 প্রয়োজন। ওয়েবএআইএম বিপরীততা চেকার এই প্রক্রিয়াটি স্বয়ংক্রিয় করে তোলে।

🟢 Beginner

হেক্স থেকে RGB কালার কনভার্টার

হেক্স কালার কোডকে RGB মানে রূপান্তর করুন। CSS এবং ওয়েব ডিজাইনের জন্য তাৎক্ষণিক রঙ রূপান্তর। বিনামূল্যে অনলাইন কনভার্টার।

অ্যাক্সেস করুন সেকশন

এক্স রঙের কোড কী?

এক্স রঙের কোড হল একটি ছয়-অক্ষর অলফানুমেরিক স্ট্রিং যা ওয়েব ডিজাইন এবং ডিজিটাল গ্রাফিক্সে একটি নির্দিষ্ট রঙ উপস্থাপন করতে ব্যবহৃত হয়। ফর্ম্যাটটি অনুসরণ করে #RRGGBB, যেখানে প্রতিটি দুটি-অক্ষরের জোড়া একটি যৌগিক প্রাথমিক রঙের সংকেত কোড করে - লাল (RR), সবুজ (GG), এবং নীল (BB) - হেক্সাডেসিমাল নোটেশন (বেস 16) ব্যবহার করে। প্রতিটি জোড়া 00 (শূন্য সংকেত) থেকে FF (সম্ভাব্য সর্বোচ্চ সংকেত, বেস 10-এ 255 এর সমান) পর্যন্ত পরিসীমা ধারণ করে।

এক্স কোডগুলি হেক্সাডেসিমাল নোটেশনের প্রয়োজনীয়তা থেকে উদ্ভূত হয়েছে যা এই কারণে এই কোডগুলিকে HTML এবং CSS-এ রঙ সংজ্ঞায়িত করার জন্য ব্যবহৃত হয় যে নামকৃত রঙের শব্দগুলির উপর নির্ভর না করে। যদিও CSS এখন rgb(), hsl(), এবং oklch() সহ বিভিন্ন রঙের ফর্মগুলি সমর্থন করে, এক্স এখনও ফ্রন্ট-এন্ড ডেভেলপমেন্ট, ডিজাইন হ্যান্ডঅফ, এবং ব্র্যান্ডিং গাইডলাইনসে সবচেয়ে বেশি ব্যবহৃত নোটেশন। ফিগমা, স্কেচ, এডোবি ফটোশপ, এবং কানভার মতো সমস্ত টুলের রঙ পিকারের প্রতিটিতে এক্স মানের মান প্রদর্শিত হয়।

ছয়-অক্ষরের এক্স কোডের সাথে সম্ভাব্য বিভিন্ন রঙের সংখ্যা 16,777,216 (256 × 256 × 256)। এটি প্রায়শই “সত্যিকারের রঙ” বা “24-বিট রঙ” হিসাবে উল্লেখ করা হয়, যা সাধারণত সবচেয়ে বেশি আধুনিক ডিসপ্লের রঙের গভীরতা মেলে। প্রতিটি চ্যানেলের জন্য 8 বিট (একটি বাইট) থাকে, এবং তিনটি চ্যানেল মিলিতভাবে 24 বিট রঙের ডেটা তৈরি করে।

এক্স কোডগুলি ক্ষেত্রে সংবেদনশীল, তাই #ff8000 এবং FF8000 একই রঙ উপস্থাপন করে। কিছু স্টাইল গাইড উচ্চারণের জন্য উপরের ক্ষরের পছন্দ করে, যখন CSS মিনিফাইয়ার সাধারণত নিচের ক্ষরের ফলাফল প্রদান করে - যদিও প্রক্রিয়াটি প্রকৃতপক্ষে অপ্রাসঙ্গিক।

</অ্যাক্সেস করুন সেকশন>

অ্যাক্সেস করুন সেকশন>

এক্স থেকে RGB কীভাবে রূপান্তর করবেন?

এক্স রঙের কোডকে এর RGB সমতুল্য সম্পাদন করা সরল। প্রক্রিয়াটি জড়িত হয় ছয়-অক্ষরের স্ট্রিংকে তিনটি জোড়ায় ভাগ করা এবং প্রতিটি জোড়াকে হেক্সাডেসিমাল (বেস 16) থেকে দশমিক (বেস 10) এ রূপান্তর করা। নিম্নলিখিত ধাপে ধাপে পদ্ধতি দেখানো হলো:

<অর্ডার লিস্ট>

হ্যাশ চিহ্ন অপসারণ করুন। যদি এক্স কোডটি # দিয়ে শুরু হয়, তাহলে তা সরিয়ে দিন। উদাহরণস্বরূপ, #1A2B3C 1A2B3C হয়ে যায়।

তিনটি জোড়া ভাগ করুন। অবশিষ্ট স্ট্রিংটিকে তিনটি গ্রুপে ভাগ করুন: 1A, 2B, 3C।

প্রতিটি জোড়াকে দশমিকে রূপান্তর করুন। হেক্সাডেসিমাল প্লেস-ভ্যালু সিস্টেম ব্যবহার করে যেখানে প্রথম অঙ্কটি 16 দ্বারা গুণ করা হয় এবং দ্বিতীয় অঙ্কটি যোগ করা হয়:

লাল: 1A → (1 × 16) + 10 = 26
সবুজ: 2B → (2 × 16) + 11 = 43
নীল: 3C → (3 × 16) + 12 = 60

RGB মান লিখুন। তিনটি দশমিক মান একত্রিত করুন: rgb(26, 43, 60)।

</অর্ডার লিস্ট>

হেক্সাডেসিমাল অঙ্ক এবং তাদের দশমিক সমতুল্য হল: 0=0, 1=1, 2=2, 3=3, 4=4, 5=5, 6=6, 7=7, 8=8, 9=9, A=10, B=11, C=12, D=13, E=14, F=15। শুধুমাত্র A থেকে F মেমোরিজ করা হল স্ট্যান্ডার্ড দশমিক গণনার থেকে আলাদা।

প্রোগ্রামেটিক রূপান্তরের জন্য, সাধারণত বিল্ট-ইন ফাংশন উপলব্ধ। জাভাস্ক্রিপ্টে, parseInt(“1A”, 16) 26 ফেরত দেয়। পাইথনে, int(“1A”, 16) একই কাজ করে। CSS নিজেই উভয় ফর্মটি স্বাধীনভাবে সমর্থন করে, তাই রূপান্তর প্রায়শই প্রয়োজন হয় যখন আপনাকে ব্যক্তিগত রঙের চ্যানেলগুলিকে সমন্বিত করতে হয় - উদাহরণস্বরূপ, আলোকিততা সম্পাদন করা, গ্রেডিয়েন্ট প্রোগ্রামটিক্যালি তৈরি করা, বা দুটি রঙ মিশ্রিত করা।

</অ্যাক্সেস করুন সেকশন> প্রকাশনা সেকশন

3-ডিজিট এবং 6-ডিজিট হেক্স কোড

CSS একটি সংক্ষিপ্ত 3-ডিজিট হেক্স ফরম্যাট (#RGB) সমর্থন করে যা প্রতিটি তিনটি জোড়ার মধ্যে একই সংখ্যা থাকার সময় একটি সুবিধা হিসাবে ব্যবহার করা হয়। এই সংক্ষিপ্ত ফরম্যাটে, প্রতিটি একক সংখ্যা দ্বিগুণ করা হয়। উদাহরণস্বরূপ:

#F80 #FF8800 এ প্রসারিত হয় → rgb(255, 136, 0)
#FFF #FFFFFF এ প্রসারিত হয় → rgb(255, 255, 255)
#000 #000000 এ প্রসারিত হয় → rgb(0, 0, 0)
#09C #0099CC এ প্রসারিত হয় → rgb(0, 153, 204)
#A3F #AA33FF এ প্রসারিত হয় → rgb(170, 51, 255)

3-ডিজিট নোটেশনটি 16.7 মিলিয়ন থেকে কেবল 4,096 (16 × 16 × 16) পর্যন্ত রঙের সংখ্যা হ্রাস করে, তাই এটি প্রতিটি রঙ উপস্থাপন করতে পারে না। এটি সর্বাধিক ব্যবহৃত বা পরিচিত রঙের জন্য সংক্ষিপ্ত বা CSS ফাইলে ব্যবহার করা হয়।

CSS এছাড়াও 4-ডিজিট (#RGBA) এবং 8-ডিজিট (#RRGGBBAA) হেক্স কোড সমর্থন করে যা একটি অ্যালফা (অপ্যাক্সিটি) চ্যানেল অন্তর্ভুক্ত করে। অ্যালফা মান একই হেক্সাডেসিমাল যুক্তি অনুসরণ করে: FF পূর্ণস্বরূপ এবং 00 পূর্ণভাবে অপাক্সিটি। উদাহরণস্বরূপ, #FF880080 রঙ rgb(255, 136, 0) 50% অপাক্সিটির সাথে উপস্থাপন করে। আমাদের কনভার্টার মানদণ্ডিক হেক্স এবং RGB ফরম্যাটের উপর ফোকাস করে; যদি আপনি একটি কোড একটি অ্যালফা চ্যানেল সহ প্রদান করেন, তাহলে এটি শুধুমাত্র RGB অংশটি প্রক্রিয়া করবে।

প্রকাশনা সেকশন

হেক্স থেকে RGB রেফারেন্স টেবিল

নিচের রেফারেন্স টেবিলে সাধারণ হেক্স রঙ এবং তাদের RGB সমতুল্য রয়েছে। এই টেবিলটি ওয়েব ডিজাইন, CSS নামকৃত রঙ এবং জনপ্রিয় ব্র্যান্ড প্যালেটের চয়েতন করে।

রঙের নাম	HEX	R	G	B	CSS ব্যবহার
কালো	#000000	0	0	0	টেক্সট, বোর্ডার
সাদা	#FFFFFF	255	255	255	প্রসারণ
লাল	#FF0000	255	0	0	ত্রুটি, সতর্কতা
সবুজ	#00FF00	0	255	0	সাফল্য অবস্থা
নীল	#0000FF	0	0	255	লিঙ্ক, প্রাথমিক
হলুদ	#FFFF00	255	255	0	সতর্কতা
সাদা	#00FFFF	0	255	255	এক্সেন্ট, তথ্য
ম্যাজেন্টা	#FF00FF	255	0	255	সৃজনশীল, বলিভ
ধূসর	#808080	128	128	128	মিটেড টেক্সট
সিলভার	#C0C0C0	192	192	192	বোর্ডার, সুবিধাজনক
ম্যারুন	#800000	128	0	0	কালো অ্যাক্সেন্ট
নেভি	#000080	0	0	128	শিরোনাম, নেভিগেশন
টিল	#008080	0	128	128	এক্সেন্ট
ওলিভ	#808000	128	128	0	পৃথিবী প্যালেট
আরেঞ্জ	#FFA500	255	165	0	ক্টিএস, বাটন
করাল	#FF7F50	255	127	80	গরম অ্যাক্সেন্ট
টমেটো	#FF6347	255	99	71	সতর্কতা, ব্যাজ
গোল্ড	#FFD700	255	215	0	উজ্জ্বল
স্কাইব্লু	#87CEEB	135	206	235	প্রসারণ
স্লেটগ্রে	#708090	112	128	144	কালো UI

CSS 147 নামকৃত রঙ সম্পূর্ণ করে, প্রতিটির একটি সংশ্লেষিত হেক্স মান। যদিও নামকৃত রঙ প্রোটোটাইপিং জন্য সুবিধাজনক, পেশাদার প্রজেক্টগুলি সাধারণত হেক্স বা RGB মানদণ্ডিক ব্যবহার করে সঠিকতা এবং ব্রাউজার এবং ডিজাইন টুলের মধ্যে সামঞ্জস্যতা নিশ্চিত করতে।

প্রকাশনা সেকশন

জনপ্রিয় ব্র্যান্ড রঙ – হেক্স এবং RGB মান

ডেভেলপার এবং ডিজাইনাররা প্রায়শই মকবপ, একীকরণ এবং স্টাইল গাইডের জন্য জনপ্রিয় ব্র্যান্ড রঙের জন্য সঠিক হেক্স এবং RGB মান প্রয়োজন। নিচের একটি দ্রুত রেফারেন্স রয়েছে কিছু সবচেয়ে বেশি চাহিদা করা ব্র্যান্ড রঙের জন্য:

ব্র্যান্ড	HEX	RGB
ফেসবুক নীল	#1877F2	rgb(24, 119, 242)
টুইটার / X কালো	#000000	rgb(0, 0, 0)
ইউটিউব লাল	#FF0000	rgb(255, 0, 0)
স্পটিফাই সবুজ	#1DB954	rgb(29, 185, 84)
ইনস্টাগ্রাম গ্রেডিয়েন্ট শুরু	#F58529	rgb(245, 133, 41)
লিঙ্কেডইন নীল	#0A66C2	rgb(10, 102, 194)
স্ল্যাক ভার্পাল	#4A154B	rgb(74, 21, 75)
ওয়াটসঅ্য প্যালেট মডেল তুলনা: HEX, RGB, HSL, এবং CMYK শিরোনাম এই প্যালেট মডেল বোঝা আপনাকে বিভিন্ন সরঞ্জাম এবং মিডিয়া এর মধ্যে কাজ করার জন্য আরও কার্যকরভাবে কাজ করতে সাহায্য করে: ডিভিশন স্টাইল="ওভারফ্লো-এক্স:অটো" টেবিল শিরোনাম মডেল ফরম্যাট রেঞ্জ বেস্ট ফর টিআর হেক্স #RRGGBB 00–FF প্রতি চ্যানেল সিএসএস শর্টহ্যান্ড, ডিজাইন স্পেস RGB rgb(R, G, B) 0–255 প্রতি চ্যানেল প্রোগ্রামেটিক ম্যানিপুলেশন, জেএস ক্যানভাস HSL hsl(H, S%, L%) H: 0–360, S/L: 0–100% ক্রিয়েটিং হারমোনিয়াস প্যালেট, থিমিং CMYK C, M, Y, K শতাংশ 0–100% প্রতি চ্যানেল প্রিন্ট ডিজাইন, অফসেট প্রিন্টিং OKLCH oklch(L C H) L: 0–1, C: 0–0.4, H: 0–360 পারসেপ্টুয়ালি ইউনিফর্ম রঙ, আধুনিক সিএসএস টিআর হেক্স এবং RGB হল গণিতগতভাবে একই — তারা একই রঙের স্থান প্রতিনিধিত্ব করে ভিন্ন লিখন পদ্ধতি ব্যবহার করে। একে অপরের থেকে রূপান্তর করা হলে কোনো নির্ভুলতা বা গ্যামুট পার্থক্যের ক্ষতি না হওয়ায় একটি সরল বেস-16 থেকে বেস-10 অনুবাদ হয়। HSL, অন্যদিকে, একটি সিলিন্ডারিয়াল স্থানাঙ্ক সিস্টেমে রঙের রূপান্তর যা আমরা হিউ, স্যাটুরেশন, এবং লাইটনেস স্বাধীনভাবে চিন্তা করার জন্য সহজ করে তোলে। CMYK হল একটি বিপরীত রঙ মডেল যা প্রিন্টিংয়ে ব্যবহৃত হয় এবং এটি সমস্ত RGB রঙ (এবং বিপরীতে) প্রতিনিধিত্ব করতে পারে না, তাই RGB এবং CMYK এর মধ্যে রূপান্তর অনুমানমাত্র। আধুনিক সিএসএস (লেভেল 4) এ, কলর() ফাংশন এবং নতুন রঙের স্থান যেমন oklch() এবং display-p3 ব্যবহার করা হচ্ছে, বিশেষ করে বিস্তৃত-গ্যামুট ডিসপ্লের জন্য। যাইহোক, HEX এবং RGB রঙ রয়েছে ওয়েব সংযোগ এবং বর্তমানে ব্যবহৃত সমস্ত ব্রাউজারের মধ্যে সমর্থিত। শিরোনাম হেক্স এবং RGB ব্যবহার করা এসএসএস এবং জাভাস্ক্রিপ্ট উভয় হেক্স এবং RGB মান সিএসএস এবং একই ফলাফল তৈরি করে। এখানে প্রতিটি ফরম্যাট ব্যবহার করার কার্যকর উদাহরণ রয়েছে: সিএসএস ঘোষণা: /* হেক্স নোটেশন / শরীর { প্যাক্স-ব্যাকগ্রাউন্ড-কলার: #1A2B3C; } / RGB নোটেশন / শরীর { প্যাক্স-ব্যাকগ্রাউন্ড-কলার: rgb(26, 43, 60); } / RGB এর সাথে আলফা (অপ্যাসিটি) / ওভারলেই { প্যাক্স-ব্যাকগ্রাউন্ড-কলার: rgba(26, 43, 60, 0.5); } / আধুনিক সিএসএস — স্পেস-সেপারেটেড সিনট্যাক্স / কার্ড { কলার: rgb(26 43 60 / 80%); } জাভাস্ক্রিপ্ট রূপান্তর ফাংশন: // হেক্স থেকে RGB ফাংশন হেক্সটোরজিবি(হেক্স) { কন্স্ট এই = হেক্স.রিপ্লেস('#', ''); রিটার্ন { আর: ইন্ট প্যার্সেন্ট(এই.সাবস্ট্রিং(0, 2), 16), জি: ইন্ট প্যার্সেন্ট(এই.সাবস্ট্রিং(2, 4), 16), বি: ইন্ট প্যার্সেন্ট(এই.সাবস্ট্রিং(4, 6), 16) }; } // RGB থেকে হেক্স ফাংশন আরজিবিটোহেক্স(আর, জি, বি) { রিটার্ন '#' + [আর, জি, বি] .ম্যাপ(ভি => ভি.টোস্ট্রিং(16).প্যাডস্টার্ট(2, '0')) .জয়ন(' ').আপার(16); } যখন এই এইচটিএমএল ক্যানভাস এপিতে কাজ করা হয়, তখন রঙ সাধারণত স্ট্রিং হিসাবে সেট করতে হয়। উভয় `"#FF8000"` এবং `"rgb(255, 128, 0)"` কাজ করে `fillStyle` এবং `strokeStyle` এর জন্য। যাইহোক, `getImageData()` মেথড পিক্সেল ডেটা একটি অ্যারে হিসাবে ফেরত দেয় (RGBA), যা পিক্সেল-স্তর ম্যানিপুলেশনের জন্য RGB ফরম্যাটটিকে স্বাভাবিক করে তোলে। সিএসএস কাস্টম প্রপার্টি (ভেরিয়েবল) এ, হেক্স মান সরলতার জন্য সাধারণত সংরক্ষিত হয়: `:রুট { --প্রাইমারি: #4A90E2; --প্রাইমারি-রঙ: 74, 144, 226; / রঙের জন্য rgba() ব্যবহার করতে ব্যবহার করুন / } .এলিমেন্ট { প্যাক্স-ব্যাকগ্রাউন্ড: rgba(ভেরি(--প্রাইমারি-রঙ), 0.3); }` এই প্যাটার্নটি রঙের মান সরঞ্জাম করে রাখা হয় যা সিএসএস ভেরিয়েবলে সংরক্ষিত হয় এবং রানটাইমে ফরম্যাটের মধ্যে রূপান্তর করার প্রয়োজন নেই। অ্যাক্সেসিবিলিটি এবং রঙের বিরোধিতা HEX থেকে RGB রূপান্তর করা অ্যাক্সেসিবিলিটি সম্মতির জন্য রঙের বিরোধিতা অনুপাত গণনা করার প্রথম ধাপ। Web Content Accessibility Guidelines (WCAG) বলে যে সাধারণ টেক্সটের জন্য একটি ন্যূনতম বিরোধিতা অনুপাত হল 4.5:1* এবং বৃহৎ টেক্সটের জন্য (18px+ বোল্ড বা 24px+ নোরমাল) 3:1। বিরোধিতা অনুপাত সূত্রটি প্রয়োজন করে রেলেটিভ লুমিনেন্স প্রতিটি রঙ, যা লিনিয়ার RGB মান থেকে গণনা করা হয়। ধাপগুলি হল: HEX থেকে RGB (0–255 প্রতি চ্যানেল) রূপান্তর করুন। প্রতিটি চ্যানেলকে 0–1 দ্বারা ভাগ করে নর্মালাইজ করুন। সRGB লিনিয়ারাইজেশন সূত্র প্রয়োগ করুন: যদি মানটি ≤ 0.04045, ভাগ করুন 12.92; অন্যথায় গণনা করুন ((মান + 0.055) / 1.055) ^ 2.4। লুমিনেন্স গণনা করুন: L = 0.2126 × R + 0.7152 × G + 0.0722 × B। দুটি রঙের মধ্যে বিরোধিতা অনুপাত গণনা করুন: (L1 + 0.05) / (L2 + 0.05), যেখানে L1 হল আল্প রঙ। আপনি দেখতে পাচ্ছেন, RGB মানগুলি হল প্রতিটি অ্যাক্সেসিবিলিটি বিরোধিতা গণনার জন্য অপরিহার্য প্রবেশদ্বার। যেমন যন্ত্রপাত্র যেমন WebAIM Contrast Checker, Chrome DevTools রঙের পিকার, এবং axe অ্যাক্সেসিবিলিটি স্ক্যানার সবই এই রূপান্তর অভ্যন্তরীণভাবে করে। ডিজাইনারদের জন্য, একটি দ্রুত নিয়মটি: কালো টেক্সটের উপর একটি আলোকিত পটভূমি (বা বিপরীতে) সাধারণত পাস করবে WCAG AA মানদণ্ড যদি লুমিনেন্সের পার্থক্য কমপক্ষে 125 এবং রঙের পার্থক্য কমপক্ষে 500 (বিভিন্ন R, G, B চ্যানেলের সমষ্টির মাধ্যমে) হয়। সাধারণ প্রশ্নগুলি আমি কীভাবে HEX কে RGB এ রূপান্তর করব? ষষ্ঠ স্থানের HEX কোডকে তিনটি জোড়ায় ভাগ করুন (RR, GG, BB) এবং প্রতিটি জোড়াকে বেস 16 থেকে বেস 10 এ রূপান্তর করুন। উদাহরণস্বরূপ, `#1A2B3C` হল R = 26, G = 43, B = 60, যা `rgb(26, 43, 60)` হিসাবে লেখা হয়। প্রতিটি হেক্সাডেসিমাল অঙ্ক A–F 10–15 মানের প্রতিনিধিত্ব করে। কীভাবে #FF5733 এর সমান আছে RGB? `#FF5733` হল `rgb(255, 87, 51)`। এটি একটি বিশাল লাল-সবুজ রঙ যা সাধারণত কল টু অ্যাকশন বাটন এবং সতর্কতা উপাদান এর জন্য ওয়েব ডিজাইনে ব্যবহৃত হয়। কীভাবে একটি মানক হেক্স রঙের কোড হয়? একটি মানক হেক্স রঙের কোড হল `#` চিহ্ন দ্বারা শুরু হয় এবং এটি অবশ্যই 6 হেক্সাডেসিমাল চরিত্র (সংখ্যা 0–9 এবং অক্ষর A–F) দ্বারা অনুসরণ করে। ছোট হেক্স কোডের মতো 3-ডিজিটের মতো শর্তাবলী যেমন `#FFF` প্রয়োজনীয়। CSS এছাড়াও 4-ডিজিট এবং 8-ডিজিট হেক্স কোড সমর্থন করে যা একটি অ্যালফা (অপারেন্সি) চ্যানেল অন্তর্ভুক্ত করে। হেক্স এবং RGB এর মধ্যে কী পার্থক্য আছে? হেক্স এবং RGB একই রঙের স্থান প্রতিনিধিত্ব করে — তারা একই ডেটা এর জন্য ভিন্ন লিখন পদ্ধতি। হেক্স বেস-16 এনকোডিং ব্যবহার করে (`#4A90E2`) যখন RGB ব্যবহার করে বেসিক মানের মান ( `rgb(74, 144, 226)`)। তাদের মধ্যে রূপান্তর করা গুণমান বা রঙের তথ্যের কোনো ক্ষতি নেই; এটি শুধুমাত্র একটি লিখন পদ্ধতির পরিবর্তন। আমি কীভাবে হেক্স কোডে অপারেন্সি ব্যবহার করতে পারি? হ্যাঁ। CSS 8-ডিজিট হেক্স কোড সমর্থন করে যেখানে শেষ দুটি অঙ্ক অ্যালফা চ্যানেলকে প্রতিনিধিত্ব করে। উদাহরণস্বরূপ, `#FF880080` হল অরেঞ্জ রঙ 50% অপারেন্সিতে। আপনি অপারেন্সিকে `rgba()` ব্যবহার করেও প্রদর্শন করতে পারেন: `rgba(255, 136, 0, 0.5)`। 8-ডিজিট হেক্স ফরম্যাটটি সব আধুনিক ব্রাউজারে সমর্থিত। আমি কীভাবে একটি 3-ডিজিট হেক্স কোড রূপান্তর করব? প্রতিটি অঙ্ককে দ্বিগুণ করুন। `#F80` হল `#FF8800`, যা তারপর `rgb(255, 136, 0)` হয়। ছোট কোডটি শুধুমাত্র তখনই কাজ করে যখন পূর্ণ কোডের প্রতিটি জোড়ায় প্রতিটি অঙ্ক একই হবে। কীভাবে #000000 এর সমান আছে RGB? `#000000` হল `rgb(0, 0, 0)`, যা পুরো কালো। তিনটি রঙের চ্যানেল সব শূন্য পরিমাণে রয়েছে, যার অর্থ কোনো আলো নেই। ক্রমটির সাথে, এটি নামকৃত রঙের সমান `black`। কীভাবে #FFFFFF এর সমান আছে RGB? `#FFFFFF` হল `rgb(255, 255, 255)`, যা পুরো সাদা। তিনটি রঙের চ্যানেল সব সর্বোচ্চ পরিমাণে রয়েছে। ক্রমটির সাথে, এটি নামকৃত রঙের সমান `white`। ডিজাইনাররা কেন হেক্স ব্যবহার করেন এবং RGB নয়? হেক্স কোডগুলি বিকল্প (7 চরিত্র সহ হ্যাশ থেকে শুরু হয়) কমপ্যাক্ট (16 চরিত্রের মধ্যে পর্যন্ত একটি RGB ঘোষণা), ডিজাইন স্পেস, স্টাইল গাইড এবং দ্রুত কপি-পেস্ট ওয়ার্কফ্লোর জন্য উপযুক্ত। তারা ডিজাইন টুলস যেমন Figma, Sketch, এবং ফটোশপের ডিফল্ট আউটপুট ফরম্যাট। RGB প্রয়োজন হলে ব্যক্তিগত চ্যানেলগুলি প্রোগ্রামকৃত ভাবে পরিচালনা করার জন্য। আমি কীভাবে আমার রঙের বিপরীততা পরীক্ষা করব এবং অ্যাক্সেসিবিলিটি জন্য? প্রথমে আপনার টেক্সট রঙ এবং ব্যাকগ্রাউন্ড রঙ থেকে হেক্স থেকে RGB এ রূপান্তর করুন। তারপর প্রতিটি ব্যবহার করে তাদের সম্পর্কিত নিম্নলিখিত রূপান্তর গণনা করুন। WCAG সূত্র এবং বিপরীততা অনুপাত গণনা করুন। WCAG AA জন্য সাধারণ টেক্সটের জন্য 4.5:1 এবং বৃহৎ টেক্সটের জন্য 3:1 প্রয়োজন। ওয়েবএআইএম বিপরীততা চেকার এই প্রক্রিয়াটি স্বয়ংক্রিয় করে তোলে। শেষ অংশ 🔗 Related Calculators ম্যাট্রিক্স ক্যালকুলেটর আয়তন ক্যালকুলেটর GPA ক্যালকুলেটর হেক্সাডেসিমেল ক্যালকুলেটর সার্কেল ক্যালকুলেটর শতাংশ পরিবর্তন ক্যালকুলেটর 🏃 Running Running Pace Calculator Marathon Pace Calculator Half Marathon Pace VDOT Calculator Race Time Predictor Training Zone Calculator Treadmill Pace Converter VO2 Max Calculator Tempo Calculator Threshold Pace Calculator Running Calories Calculator 5K Pace Calculator 10K Pace Calculator 💪 Health & Fitness BMI Calculator Calorie Calculator Body Fat Calculator TDEE Calculator BMR Calculator Heart Rate Calculator Ideal Weight Calculator Macro Calculator Protein Calculator Water Intake Calculator 💰 Finance Compound Interest Mortgage Calculator Loan Calculator Retirement Calculator Salary Calculator Investment Calculator Tip Calculator Tax Calculator Savings Calculator Interest Rate Calculator 🔢 Math Percentage Calculator Fraction Calculator Square Root Calculator Standard Deviation Quadratic Calculator Probability Calculator Ratio Calculator Mean / Median / Mode 🔄 Conversions Km to Miles Kg to Lbs Celsius to Fahrenheit Cm to Inches Miles to Km Lbs to Kg Feet to Meters Liters to Gallons Temperature Converter Currency Converter Meters to Feet 📅 Date & Time Age Calculator Date Difference Days Until Calculator Time Zone Converter Add Days to Date Business Days Calculator Time Duration Calculator Days Between Dates 🏠 Everyday Grade Calculator GPA Calculator Sleep Calculator Gas Mileage Calculator Hours Calculator Electricity Calculator Budget Calculator 🔬 Science Density Calculator Force Calculator pH Calculator Molar Mass Calculator Ohm's Law Calculator Wavelength Calculator Speed Distance Time ⚡ RunCalc © 2026 RunCalc. All rights reserved. Home 🏷️ Tags About Privacy We use cookies to analyse traffic and show relevant ads. Read our Privacy Policy. Cookie Preferences Essential Cookies Always active Required for the site to function. Analytics Cookies Help us understand how visitors use our site (Google Analytics 4). Advertising Cookies Used by Google AdSense to show personalised ads.