কনট্রাস্ট
4.58 : 1
রঙ, দিক, stop ও লেখার contrast চোখে দেখে linear, radial বা conic gradient তৈরি করুন এবং পরিষ্কার CSS কপি করুন।
লাইভ প্রিভিউ
গ্রেডিয়েন্টের উপর স্পষ্ট লেখা
কনট্রাস্ট
4.58 : 1
লেখার রঙ
#ffffff
প্রকাশের আগে mobile width-এ ফল পরীক্ষা করুন।
CSS background
background: linear-gradient(135deg, #2563eb 0%, #f97316 100%);Inline style
style="background: linear-gradient(135deg, #2563eb 0%, #f97316 100%);"লেখা ও পটভূমির মধ্যে যথেষ্ট contrast রাখুন।
প্রয়োজন না হলে production UI-তে অতিরিক্ত color stop ব্যবহার করবেন না।
Form ও dashboard-এর পেছনে সূক্ষ্ম gradient রাখুন।
প্রকাশের আগে mobile width-এ ফল পরীক্ষা করুন।
গুরুত্বপূর্ণ তথ্য
হিসাব মানসম্মত সূত্রের উপর ভিত্তি করে। সহজে পড়ার জন্য প্রদর্শিত মান রাউন্ড করা হতে পারে। গুরুত্বপূর্ণ সিদ্ধান্তে সরকারি উৎসও যাচাই করুন।
এই ফলাফল সংরক্ষণ করুন, আগের ফলাফলের সঙ্গে তুলনা করুন বা প্রতিবেদন শেয়ার করুন।
দিক, color stop-এর দূরত্ব, লেখার contrast এবং উপরের content ঠিক করে gradient পরিপাটি নাকি অতিরিক্ত ব্যস্ত দেখাবে।
হ্যাঁ। ছয়টি পর্যন্ত color stop যোগ করে অবস্থান বদলাতে পারেন।
Contrast কম হতে পারে। অনুপাত দেখে গাঢ় বা হালকা text color বেছে নিন।
হ্যাঁ। CSS background বা inline style যেকোনো web framework-এ ব্যবহার করা যায়।