কালার পিকার ও কনভার্টার
রং বাছুন, কোড পেস্ট করুন বা ছবিতে ক্লিক করুন, রংটি সব ফরম্যাটে, মানানসই প্যালেট ও টেক্সট কনট্রাস্ট যাচাইসহ দেখুন।
- রং, কোড বা ছবি বাছুন
- HEX, RGB, HSL, HSV ও CMYK-এ দেখুন
- কোড ও প্যালেট কপি করুন বা কনট্রাস্ট যাচাই করুন
আপনার ফাইল কখনো ডিভাইসের বাইরে যায় না
রঙের ফরম্যাট বোঝা
- HEX: ওয়েব ডিজাইন ও CSS-এ ব্যবহৃত ছয় অঙ্কের কোড (#14183d)।
- RGB: স্ক্রিনের জন্য ০ থেকে ২৫৫ পর্যন্ত লাল, সবুজ ও নীলের মান।
- HSL ও HSV: হিউ, স্যাচুরেশন ও উজ্জ্বলতা বা মান; হাতে বদলানো সহজ।
- CMYK: ছাপায় ব্যবহৃত সায়ান, ম্যাজেন্টা, হলুদ ও কালোর শতাংশ।
প্যালেট তৈরি
- পরিপূরক রং মুখোমুখি থাকে এবং জোরালো কনট্রাস্ট দেয়।
- সদৃশ রং পাশাপাশি থাকে এবং শান্ত ও সুষম লাগে।
- ত্রয়ী রং সমান দূরত্বে থাকে এবং ভারসাম্যপূর্ণ, প্রাণবন্ত চেহারা দেয়।
- যেকোনো নমুনায় ক্লিক করে সেটিকে বর্তমান রং করুন ও কোড কপি করুন।
পাঠযোগ্য টেক্সট (WCAG)
টেক্সট ও পটভূমির রং বাছুন, টুল কনট্রাস্ট অনুপাত হিসাব করবে। মূল টেক্সটে অন্তত ৪.৫:১ এবং বড় শিরোনামে ৩:১ (স্তর AA) রাখুন; ৭:১ আরও কঠোর স্তর AAA পূরণ করে।
সচরাচর জিজ্ঞাসিত প্রশ্ন
কোন রং কোড লিখতে পারি?
HEX (#1e90ff বা 1e90ff), rgb(), hsl(), hsv(), cmyk() এবং navy বা tomato-র মতো CSS রঙের নাম।
ছবি বা লোগো থেকে রং নেব কীভাবে?
ছবিটি «ছবি থেকে নিন» অংশে খুলে যেকোনো বিন্দুতে ক্লিক করুন। ছবি আপনার ডিভাইসেই থাকে।
CMYK মান কি প্রিন্টের জন্য নির্ভুল?
এটি মানক গাণিতিক রূপান্তর। আসল প্রিন্টের রং প্রিন্টারের কালার প্রোফাইলের ওপর নির্ভর করে, তাই গুরুত্বপূর্ণ কাজ ছাপাখানার সঙ্গে মিলিয়ে নিন।
কনট্রাস্ট অনুপাত কী?
পটভূমির ওপর টেক্সট কতটা পাঠযোগ্য তা মাপে। WCAG সাধারণ টেক্সটে অন্তত ৪.৫:১ এবং বড় টেক্সটে ৩:১ (স্তর AA) চায়।
প্যালেট কীভাবে তৈরি হয়?
রঙের চাকায় হিউ ঘুরিয়ে: পরিপূরক (১৮০°), সদৃশ (±৩০°) ও ত্রয়ী (১২০°), সঙ্গে হালকা ও গাঢ় শেড।
স্ক্রিনের যেকোনো জায়গা থেকে রং নেওয়া যায়?
হ্যাঁ, সমর্থিত ব্রাউজারে (যেমন কম্পিউটারে Chrome ও Edge) «স্ক্রিন থেকে নিন» বোতাম দেখা যায়।