কালার কনভার্টার
একটি রঙ বেছে নিন বা যেকোনো মান টাইপ করুন — HEX, RGB, HSL, HSV ও CMYK একসঙ্গে, লাইভ, আপনার ব্রাউজারে আপডেট হয়। CSS কপি করুন, টিন্ট ও শেড, নিকটতম নামযুক্ত রঙ এবং WCAG কনট্রাস্ট দেখুন। কিছুই আপলোড হয় না।
rgba(30, 144, 255, 1) hsla(210, 100%, 56%, 1) #1E90FF পাঁচটি কালার ফরম্যাট
- HEX
- হেক্সাডেসিমাল — #RRGGBB, লাল, সবুজ ও নীলের জন্য দুটি করে হেক্স অঙ্ক। ওয়েবের ডিফল্ট।
- RGB
- লাল, সবুজ, নীল 0–255-এ। স্ক্রিন আসলে এভাবেই আলো মেশায় (যোগাত্মক)।
- HSL
- হিউ (0–360°), স্যাচুরেশন, লাইটনেস — রঙ বেছে নেওয়া ও সূক্ষ্ম সমন্বয়ের জন্য স্বজ্ঞাত।
- HSV / HSB
- হিউ, স্যাচুরেশন, ভ্যালু (ব্রাইটনেস) — বেশিরভাগ কালার পিকার এই মডেলই ব্যবহার করে।
- CMYK
- সায়ান, ম্যাজেন্টা, হলুদ, কী/ব্ল্যাক (0–100%) — প্রিন্টের জন্য বিয়োগাত্মক (সাবট্র্যাক্টিভ) মডেল।
রূপান্তরগুলি কীভাবে কাজ করে
সবকিছুই একই লাল/সবুজ/নীল ত্রয়ী থেকে নেওয়া। HEX ↔ RGB কেবল প্রতিটি চ্যানেলে
বেস-16 ↔ বেস-10। RGB ↔ HSL/HSV সর্বোচ্চ ও সর্বনিম্ন চ্যানেল বের করে হিউ ও
স্যাচুরেশন পায়, তারপর লাইটনেস (সর্বোচ্চ ও সর্বনিম্নের মধ্যবিন্দু) বা ভ্যালু (সর্বোচ্চ)।
RGB → CMYK-এ K = 1 − max(R, G, B) ব্যবহার হয়, তারপর
C = (1 − R − K) / (1 − K) এবং একইভাবে M ও Y-এর জন্য। এসবই স্থানীয়ভাবে করা নির্ভুল
গণিত — কোনো রাউন্ডিং কারসাজি নেই, কোনো সার্ভার নেই।
সমাধান করা উদাহরণ — #1E90FF (DodgerBlue)
- RGB: 1E→30, 90→144, FF→255 ⇒
rgb(30, 144, 255) - HSL:
hsl(210, 100%, 56%)— সম্পূর্ণ সম্পৃক্ত নীল, মাঝ থেকে সামান্য হালকা - HSV:
hsv(210, 88%, 100%)— একই হিউ, পূর্ণ ব্রাইটনেস - CMYK:
cmyk(88%, 44%, 0%, 0%)
জনপ্রিয় নামযুক্ত রঙ
| নাম | সোয়াচ | HEX | RGB |
|---|---|---|---|
black | #000000 | rgb(0, 0, 0) | |
white | #FFFFFF | rgb(255, 255, 255) | |
red | #FF0000 | rgb(255, 0, 0) | |
orange | #FFA500 | rgb(255, 165, 0) | |
gold | #FFD700 | rgb(255, 215, 0) | |
green | #008000 | rgb(0, 128, 0) | |
teal | #008080 | rgb(0, 128, 128) | |
blue | #0000FF | rgb(0, 0, 255) | |
navy | #000080 | rgb(0, 0, 128) | |
indigo | #4B0082 | rgb(75, 0, 130) | |
purple | #800080 | rgb(128, 0, 128) | |
magenta | #FF00FF | rgb(255, 0, 255) | |
pink | #FFC0CB | rgb(255, 192, 203) | |
brown | #A52A2A | rgb(165, 42, 42) | |
gray | #808080 | rgb(128, 128, 128) | |
silver | #C0C0C0 | rgb(192, 192, 192) |
কনট্রাস্ট ও অ্যাক্সেসিবিলিটি
কনভার্টারটি আপনার রঙের WCAG কনট্রাস্ট অনুপাত কালো ও সাদার তুলনায় দেখায়, যাতে আপনি এক নজরে বুঝতে পারেন কোনটি পাঠযোগ্য টেক্সট তৈরি করে। বডি টেক্সটের জন্য অন্তত 4.5:1 (WCAG AA), বা AAA-এর জন্য 7:1 লক্ষ্য রাখুন; বড় টেক্সট (≥24px, বা ≥19px বোল্ড)-এর 3:1 প্রয়োজন। দুটি নির্দিষ্ট অগ্রভূমি/পটভূমি রঙ যাচাইয়ের জন্য একটি নিবেদিত কনট্রাস্ট চেকার বেশি উপযোগী।
যোগাত্মক বনাম বিয়োগাত্মক: RGB ও CMYK
পাঁচটি ফরম্যাটের মধ্যে গভীরতম পার্থক্য তাদের সংকেত-পদ্ধতি নয় বরং তাদের পদার্থবিদ্যা।
RGB যোগাত্মক: স্ক্রিন কালো থেকে শুরু হয় এবং লাল, সবুজ ও নীল আলো
যোগ করে। তিনটিকেই পূর্ণ শক্তিতে চড়িয়ে দিন, রশ্মিগুলি মিলে সাদা হয়ে যায়; তিনটিই
বন্ধ করে দিন, পিক্সেল কিছুই নির্গত করে না, তাই আপনি কালো দেখেন। এ কারণেই প্রতিটি মনিটর,
ফোন ও টিভিতে rgb(255, 255, 255) সাদা এবং rgb(0, 0, 0) কালো —
প্রতিটিই তিনটি রঙিন আলোর একটি নিয়ন্ত্রিত মিশ্রণ মাত্র।
CMYK বিয়োগাত্মক: কাগজ সাদা থেকে শুরু হয় (এটি প্রতিটি তরঙ্গদৈর্ঘ্য প্রতিফলিত করে) এবং প্রতিটি কালি বর্ণালীর কিছু অংশ বিয়োগ করে। সায়ান লাল শোষণ করে, ম্যাজেন্টা সবুজ শোষণ করে এবং হলুদ নীল শোষণ করে, তাই যত বেশি কালি তত কম আলো প্রতিফলিত হয় এবং ফলাফল কালোর দিকে যায়। দুটি মডেল একে অপরের প্রতিবিম্ব — RGB আলো দিয়ে অন্ধকার থেকে রঙ গড়ে, CMYK রঞ্জক দিয়ে সাদা থেকে রঙ খোদাই করে। এটি এও ব্যাখ্যা করে কেন প্রাথমিক রঙের ভূমিকা বদলে যায়: সায়ান, ম্যাজেন্টা ও হলুদ হল আলোর গৌণ রঙ (প্রতিটি হল যা একটি RGB প্রাথমিক সরালে অবশিষ্ট থাকে), আর লাল, সবুজ ও নীল কালির গৌণ রঙ।
| মডেল | মিশ্রণ | চ্যানেল | যার জন্য |
|---|---|---|---|
RGB / HEX | যোগাত্মক (আলো) | লাল, সবুজ, নীল | স্ক্রিন ও ওয়েব |
HSL | RGB-এর রূপান্তর | হিউ, স্যাচুরেশন, লাইটনেস | CSS-এ বেছে নেওয়া ও সমন্বয় |
HSV / HSB | RGB-এর রূপান্তর | হিউ, স্যাচুরেশন, ভ্যালু | কালার-পিকার ইন্টারফেস |
CMYK | বিয়োগাত্মক (কালি) | সায়ান, ম্যাজেন্টা, হলুদ, কী/ব্ল্যাক | প্রিন্ট |
HEX কীভাবে একটি রঙ এনকোড করে
একটি হেক্স রঙ কেবল বেস 16-এ লেখা একটি RGB ত্রয়ী। #RRGGBB-এর ছয়টি অঙ্ক তিনটি
জোড়া — লাল, সবুজ, নীল — এবং প্রতিটি জোড়া 00 থেকে FF পর্যন্ত একটি
দুই-অঙ্কের হেক্সাডেসিমাল সংখ্যা, অর্থাৎ প্রতিদিনের দশমিকে 0 থেকে 255। হেক্সাডেসিমাল
0–9 পর্যন্ত গোনে তারপর দশ থেকে পনেরোর জন্য A–F, তাই একটি হেক্স অঙ্ক
ষোলোটি মান ধারণ করে এবং একটি জোড়া 16 × 16 = 256 — ঠিক একটি 8-বিট চ্যানেলের পরিসর।
FF পড়া কেবল 15 × 16 + 15 = 255, সর্বোচ্চ; 80 হল 8 × 16 = 128,
প্রায় অর্ধেক; 00 সেই চ্যানেলের কিছুই নয়।
এই সংকেতপদ্ধতি প্রাথমিক HTML থেকে চলে এসেছে এবং টিকে আছে কারণ একটি সুসংহত টোকেন একটি পুরো
রঙ ধারণ করে। দুটি শর্টকাট জানার মতো। তিন-অঙ্কের সংক্ষিপ্ত রূপ #RGB
প্রতিটি অঙ্ককে দ্বিগুণ করে, তাই #09C বিস্তৃত হয়ে #0099CC হয় —
সুবিধাজনক, কিন্তু কেবল 4,096টি রঙ প্রকাশ করতে পারে। আট-অঙ্কের রূপ #RRGGBBAA একটি অ্যালফা (অস্বচ্ছতা) বাইট যোগ করে, যেখানে FF সম্পূর্ণ
অস্বচ্ছ এবং 80 প্রায় 50% স্বচ্ছ। CSS এদের rgb() ও rgba()
ফাংশন দিয়ে পরস্পর বিনিময়যোগ্য হিসেবে গণ্য করে, এবং প্রতি চ্যানেলে 8 বিট সহ পুরো
#RRGGBB স্পেস 256³ ≈ 1.67 কোটি স্বতন্ত্র রঙ ধারণ করে — "ট্রু কালার" বা 24-বিট পরিসর।
HSL ও HSV: মানুষ যেভাবে রঙ ভাবে
কেউই স্বজ্ঞাতভাবে জানে না যে "সামান্য গাঢ়, কম উজ্জ্বল কমলা" হল rgb(204, 119, 51)।
RGB ও হেক্স রঙকে সেভাবে বর্ণনা করে যেভাবে হার্ডওয়্যার তা মেশায়, মানুষ যেভাবে কল্পনা করে
সেভাবে নয়। HSL ও HSV একই RGB ঘনকের নলাকার পুনর্মানচিত্র যা মানবিক চিন্তার সঙ্গে
মেলাতে তৈরি: দুটিই হিউ-কে 0–360° চাকায় রাখে (0° লাল, 120° সবুজ, 240° নীল), তারপর রঙ
কতটা বিশুদ্ধ বনাম ধূসর তার জন্য একটি স্যাচুরেশন অক্ষ এবং ব্রাইটনেসের জন্য একটি তৃতীয়
অক্ষ যোগ করে। এরা কোনো নতুন রঙ আনে না — প্রতিটি HSL বা HSV মান এখনো একটি RGB ত্রয়ীতে পরিণত
হয় — এরা কেবল আপনাকে এমন নিয়ন্ত্রণ দেয় যা আপনার চোখ যেভাবে প্রত্যাশা করে সেভাবে চলে।
দুটিই একই ঐতিহাসিক Computer Graphics সংখ্যায় ১৯৭৮ সালের আগস্টে আনুষ্ঠানিক রূপ পায়: Alvy Ray Smith HSV (যা HSB-ও লেখা হয়, অর্থাৎ Hue-Saturation-Brightness) বর্ণনা করেন এবং, একই সংখ্যায়, Joblove ও Greenberg HSL বর্ণনা করেন। দুটি কেবল সেই তৃতীয় চ্যানেলে ভিন্ন, এবং এই পার্থক্য অনেককে বিভ্রান্ত করে। HSL-এ, লাইটনেস কালো → বিশুদ্ধ রঙ → সাদা চলে, তাই 50% সবচেয়ে রঙিন বিন্দু এবং 100% হিউ যা-ই হোক সবসময় সাদা। HSV-এ, ভ্যালু কালো → সবচেয়ে উজ্জ্বল রঙ চলে, এবং 100% হল সেই হিউয়ের সবচেয়ে উজ্জ্বল, সবচেয়ে সম্পৃক্ত রূপ — নিজে থেকে কখনো সাদা নয়। কোনো "ভ্যালু" স্লাইডার উপরে ঠেলুন তো উজ্জ্বল লাল পান; কোনো HSL "লাইটনেস" স্লাইডার উপরে ঠেলুন তো সাদা পান। বেশিরভাগ অন-স্ক্রিন কালার পিকার HSV/HSB দেখায়, আর CSS লেখকরা বেশিরভাগ HSL টাইপ করেন — একটি কারণ কেন এই কনভার্টার দুটিই দেখায়।
স্ক্রিন থেকে CMYK কেন কেবল একটি পূর্বরূপ
উপরের CMYK মানগুলি আদর্শ K = 1 − max(R, G, B) রূপান্তর থেকে আসে, এবং সেগুলি
গাণিতিকভাবে সঠিক — কিন্তু সেগুলি প্রিন্ট-নির্ভুল প্রুফ নয়, এবং কোনো সাধারণ
কনভার্টারের হতে পারে না। কারণটি হল গ্যামুট: একটি জ্বলজ্বলে স্ক্রিন যে রঙ নির্গত করতে পারে এবং
একটি নির্দিষ্ট কালি-ও-কাগজ সংমিশ্রণ যে রঙ প্রতিফলিত করতে পারে, তাদের আকার আলাদা, এবং অনেক
উজ্জ্বল, সম্পৃক্ত স্ক্রিন রঙ (ইলেকট্রিক নীল, নিয়ন সবুজ, বিশুদ্ধ সায়ান) সেই সীমার বাইরে পড়ে যা
কালি মোটেও তৈরি করতে পারে না। কোনো সূত্রের আপনার প্রেস, কাগজ বা কালির কোনো জ্ঞান নেই, তাই তা
আপনাকে বলতে পারে না একটি গ্যামুট-বহির্ভূত রঙ পাতায় আসলে কী হবে।
প্রকৃত প্রিন্ট ওয়ার্কফ্লো সেই ফাঁক একটি ICC কালার প্রোফাইল দিয়ে পূরণ করে — একটি নির্দিষ্ট ডিভাইসের মাপা বিবরণ যা কালির আচরণ, ডট গেইন ও কাগজের স্টক হিসাব করে রঙগুলিকে তার পুনরুৎপাদনযোগ্য পরিসরে মানচিত্রিত করে। একই CMYK শতাংশ দেওয়া হলে দুটি প্রেস স্পষ্টভাবে ভিন্ন রঙ ছাপাতে পারে, ঠিক এ কারণেই RGB ও CMYK ডিভাইস-নির্ভর এবং কোনো সর্বজনীন সূত্র এদের মধ্যে রূপান্তর করে না। এখানকার CMYK-কে কালি মিশ্রণ বাছাই বা কোনো ডিজাইন যাচাইয়ের জন্য একটি বুদ্ধিমান শুরুর অনুমান হিসেবে ধরুন, তারপর কোনো রানে প্রতিশ্রুতিবদ্ধ হওয়ার আগে আপনার প্রিন্টারের প্রোফাইলের বিপরীতে প্রুফ করুন।
কালার স্পেস, sRGB ও গ্যামুট
একটি হেক্স কোড বা RGB ত্রয়ী, নিজে থেকে, অস্পষ্ট: #FF0000 একটি নির্দিষ্ট লালের নাম
তখনই দেয় যখন আপনি একটি কালার স্পেস-এ সম্মত হন যা স্থির করে "পূর্ণ লাল" কেমন
দেখায়। ওয়েবে সেই সম্মতি হল sRGB, একটি আদর্শ স্পেস যা Hewlett-Packard ও Microsoft
১৯৯৬-এ তৈরি করে এবং IEC 61966-2-1 হিসেবে প্রকাশ করে। ব্রাউজার,
CSS ও ট্যাগবিহীন ছবি সবই sRGB ধরে নেয়, এ কারণেই এই কনভার্টারের সংখ্যাগুলি এক মেশিন থেকে অন্যটিতে
সামঞ্জস্যপূর্ণ থাকে — সবাই সেগুলি একই রেফারেন্সের বিপরীতে পড়ে।
sRGB-এর পরিসর ইচ্ছাকৃতভাবে সীমিত রাখা হয়েছিল যাতে এটি ১৯৯০-এর দশকের CRT মনিটরে সঠিক দেখায়,
এবং এখন আরও প্রশস্ত স্পেস আছে। Adobe RGB (1998) গ্যামুটকে প্রসারিত করে, বিশেষত
সবুজ ও সায়ানের মধ্য দিয়ে, এবং ফটোগ্রাফি ও প্রিন্ট প্রস্তুতিতে পছন্দনীয়। Display P3,
বেশিরভাগ সাম্প্রতিক Apple ও অন্যান্য ওয়াইড-গ্যামুট স্ক্রিনে ব্যবহৃত, sRGB-এর চেয়ে প্রায় 25% বেশি
এলাকা কভার করে এবং আরও সম্পৃক্ত লাল ও সবুজ দেখাতে পারে। ব্যবহারিক শিক্ষা: একই সংখ্যা ভিন্ন
স্পেসে ভিন্ন দেখাতে পারে, তাই ওয়েবের জন্য তৈরি করার সময় sRGB-তেই থাকুন, যতক্ষণ না আপনি
CSS Color 4 সিনট্যাক্স যেমন color(display-p3 …) দিয়ে ইচ্ছাকৃতভাবে কোনো প্রশস্ত স্পেসে
বেছে নিয়েছেন।
ওয়েব রঙের সংক্ষিপ্ত ইতিহাস
ওয়েব রঙ আজও সীমিত ডিসপ্লের যুগের জীবাশ্ম বহন করে। ১৯৯০-এর দশকের শেষে অনেক মেশিন একবারে কেবল
256টি রঙ দেখাতে পারত, তাই ডিজাইনাররা 216টি "ওয়েব-সেফ" রঙে ভরসা রাখতেন — একটি
6 × 6 × 6 ঘনক যা কেবল হেক্স মান 00, 33, 66, 99,
CC ও FF (0%, 20%, 40%, 60%, 80%, 100%) থেকে তৈরি। সেগুলি ব্রাউজার ও
সিস্টেম জুড়ে অভিন্নভাবে, ডিদারিং ছাড়াই, রেন্ডার হত। ট্রু-কালার ডিসপ্লে এখন সর্বব্যাপী হওয়ায়
ওয়েব-সেফ প্যালেট অপ্রচলিত, কিন্তু পুরনো স্টাইল শিটে আপনি এখনো সেই গোল মানগুলি পাবেন।
নামযুক্ত রঙের বংশধারাও একই রকম। HTML মূলত কেবল 16টি প্রাথমিক
কীওয়ার্ড সংজ্ঞায়িত করেছিল (black, white, red, lime, aqua ইত্যাদি)। CSS পরে X11 রঙের
নাম অন্তর্ভুক্ত করে — Unix X Window System-এর সঙ্গে আসা সেটটি, dodgerblue,
papayawhip ও rebeccapurple-এ ভরা — যাতে মোট সংখ্যা আধুনিক ব্রাউজার
দ্বারা স্বীকৃত প্রায় 140টি কীওয়ার্ডে পৌঁছায়। এই টুলের "নিকটতম নামযুক্ত রঙ"
খোঁজক সেই পুরো তালিকায় খোঁজে যাতে আপনি যে রঙেই পৌঁছান তাকে নাম দিতে পারে।
সমান ধাপ, অসমান চোখ
এসবের নিচে একটি সূক্ষ্মতা বসে আছে: রঙ-সংখ্যাগুলি অনুভূতিগতভাবে অভিন্ন নয়। যেহেতু sRGB মানগুলি
একটি অরৈখিক গামা বক্ররেখার (প্রায় 2.2) মাধ্যমে সংরক্ষণ করে, rgb(10, 10, 10)
থেকে rgb(20, 20, 20) পর্যন্ত লাফ আপনার চোখে rgb(200, 200, 200) থেকে
rgb(210, 210, 210) পর্যন্ত লাফের চেয়ে অনেক বড় দেখায়, যদিও দুটিই দশ যোগ করে। সমান
সাংখ্যিক ধাপ সমান দৃশ্য ধাপ নয়। এই একই অসমতার কারণে মানব দৃষ্টি চ্যানেলগুলিকে অসমভাবে গুরুত্ব
দেয় — সবুজ অনুভূত ব্রাইটনেসে প্রাধান্য পায় — যা WCAG আপেক্ষিক-দ্যুতি সূত্র
0.2126·R + 0.7152·G + 0.0722·B-তে নিহিত, যা এই পেজ কনট্রাস্টের জন্য ব্যবহার করে।
ডিজাইনাররা HSL-এ ভাবেন কিন্তু হেক্সে পাঠান — এটাই প্রতিদিনের লক্ষণ: সেই স্পেসে রঙ বাছুন যা
আপনার উদ্দেশ্যের সঙ্গে মেলে, তারপর প্ল্যাটফর্ম যে ফরম্যাট প্রত্যাশা করে সেটিতে রূপান্তর করুন।
রঙ রূপান্তরের সাধারণ ভুল
- CMYK-কে প্রিন্ট-নির্ভুল ধরে নেওয়া। সূত্র-ভিত্তিক CMYK মান একটি পূর্বরূপ, প্রুফ নয়। প্রেসে যাওয়া যেকোনো কিছুর জন্য আপনার প্রিন্টারের ICC প্রোফাইলের মাধ্যমে রূপান্তর করুন এবং একটি বাস্তব প্রুফ যাচাই করুন।
- হেক্সকে ডিভাইস-নিরপেক্ষ ধরে নেওয়া।
#3366CCকোনো রঙকে কেবল কোনো কালার স্পেসের সাপেক্ষে স্থির করে; কালার ম্যানেজমেন্ট ছাড়া ওয়াইড-গ্যামুট স্ক্রিনে এটি সরে যেতে পারে। ওয়েবের রক্ষাকবচ হল সবাই sRGB ধরে নেয়। - HSB/HSV-কে HSL-এর সঙ্গে গুলিয়ে ফেলা। এরা হিউ ও স্যাচুরেশন ভাগ করে, কিন্তু তাদের
তৃতীয় চ্যানেল আলাদা — 100% ভ্যালু একটি উজ্জ্বল রঙ দেয়, 100% লাইটনেস সাদা দেয়। কোনো "HSB"
সংখ্যা সরাসরি কোনো
hsl()ফাংশনে কপি করলে আপনি পিকারে যে রঙ দেখেছিলেন তা তৈরি হবে না। - RGB↔CMYK রাউন্ড-ট্রিপ মিলবে বলে আশা করা। যেহেতু গ্যামুট ভিন্ন, RGB → CMYK → RGB গেলে সামান্য ভিন্ন রঙে পৌঁছানো যেতে পারে; রূপান্তর স্বভাবতই আনুমানিক, কোনো বাগ নয়।
- HSL ও HSV-তে স্যাচুরেশন অভিন্ন হিসেবে পড়া। দুটি স্যাচুরেশন স্কেল ভিন্নভাবে হিসাব করা হয়, তাই একই রঙ সাধারণত দুটি ভিন্ন স্যাচুরেশন শতাংশ ধরে রাখে, আপনি কোন মডেল পড়ছেন তার উপর নির্ভর করে।
প্রায়শই জিজ্ঞাসিত প্রশ্ন
- আমি HEX থেকে RGB-তে কীভাবে রূপান্তর করব?
- ছয়-অঙ্কের হেক্সকে তিনটি জোড়ায় ভাগ করুন এবং প্রতিটি জোড়াকে 0 থেকে 255 পর্যন্ত একটি বেস-16 সংখ্যা হিসেবে পড়ুন। উদাহরণস্বরূপ #1E90FF-এ R=0x1E=30, G=0x90=144, B=0xFF=255, অর্থাৎ rgb(30, 144, 255)। এই টুলটি তা তাৎক্ষণিক করে এবং একই সঙ্গে আপনাকে HSL, HSV ও CMYK-ও দেয়।
- HSL ও HSV (HSB)-এর মধ্যে পার্থক্য কী?
- দুটিই একই হিউ (0–360°) ও স্যাচুরেশন দিয়ে শুরু হয়, কিন্তু তৃতীয় চ্যানেলটি ভিন্ন। HSL-এর লাইটনেস কালো (0%) থেকে বিশুদ্ধ রঙ (50%) হয়ে সাদা (100%) পর্যন্ত চলে। HSV-এর ভ্যালু কালো (0%) থেকে রঙের সবচেয়ে উজ্জ্বল রূপ (100%) পর্যন্ত চলে এবং নিজে থেকে কখনো সাদায় পৌঁছায় না। বেশিরভাগ অন-স্ক্রিন কালার পিকার HSV ব্যবহার করে; HSL CSS-এ সাধারণ।
- CMYK কেন RGB থেকে আলাদা দেখায়?
- RGB যোগাত্মক (স্ক্রিনে আলো মেশানো) এবং CMYK বিয়োগাত্মক (কাগজে কালি মেশানো), তাই দুটি ঠিক একই রঙ-পরিসর প্রকাশ করতে পারে না। এখানকার CMYK মানগুলি একটি আদর্শ গাণিতিক রূপান্তর — শুরুর বিন্দু হিসেবে উপযোগী, কিন্তু নির্ভুল প্রিন্ট কাজের জন্য সবসময় আপনার প্রিন্টারের প্রকৃত ICC কালার প্রোফাইলের বিপরীতে প্রুফ করুন।
- অ্যালফা / 8-অঙ্কের হেক্স কী?
- অ্যালফা হল অস্বচ্ছতা, 0 (সম্পূর্ণ স্বচ্ছ) থেকে 1 (সম্পূর্ণ অস্বচ্ছ) পর্যন্ত। CSS-এ আপনি এটি rgba()/hsla() হিসেবে বা 8-অঙ্কের হেক্স (#RRGGBBAA) হিসেবে লিখতে পারেন যেখানে শেষ জোড়াটি একটি হেক্স বাইট হিসেবে অ্যালফা — যেমন 80 মানে 50% অস্বচ্ছতা। তিনটি রূপই তৈরি করতে স্বচ্ছতা স্লাইডার সরান।
- কনট্রাস্ট অনুপাত কীভাবে হিসাব করা হয়?
- এটি WCAG 2.1 সূত্র ব্যবহার করে: প্রতিটি চ্যানেল রৈখিক করা হয়, আপেক্ষিক দ্যুতি L = 0.2126·R + 0.7152·G + 0.0722·B হয়, এবং অনুপাত (হালকার L + 0.05) / (গাঢ়ের L + 0.05)। এটি 1:1 (কোনো কনট্রাস্ট নেই) থেকে 21:1 (সাদার উপর কালো) পর্যন্ত হয়। WCAG AA-এর জন্য সাধারণ টেক্সটে অন্তত 4.5:1 প্রয়োজন (বড় টেক্সটের জন্য 3:1); AAA-এর জন্য 7:1।
- আমার রঙের ডেটা কি কোথাও পাঠানো হয়?
- না। প্রতিটি রূপান্তর আপনার ব্রাউজারে স্থানীয়ভাবে JavaScript দিয়ে চলে — কিছুই আপলোড হয় না, এবং পেজ লোড হয়ে গেলে টুলটি অফলাইনেও কাজ করে।