টুল কলেকশন

কালার, অ্যাক্সেসিবিলিটি ও CSS স্টুডিও

রং-কনট্রাস্টের তুলনা করুন, গ্রেডিয়েন্ট ও শ্যাডো তৈরি করুন, তারপর Grid, Flexbox বা ফ্লুইড লেআউট বানান। কনট্রাস্ট যাচাইয়ের ফলাফল বাছা স্ট্যান্ডার্ডে নির্ভরশীল এবং পূর্ণ অ্যাক্সেসিবিলিটি অডিটের বিকল্প নয়।

রং চেনা, কনট্রাস্ট যাচাই করা ও গ্রেডিয়েন্ট, শ্যাডো বা CSS লেআউট তৈরির স্টুডিও।

এই কলেকশনের টুল

4 টুল

কালার ও CSS ডিজাইন

কালার, প্যালেট ও কনট্রাস্ট স্টুডিও

কালার মডেল কনভার্ট করুন, CSS স্কেল তৈরি করুন, প্যালেট বের করুন এবং WCAG বা APCA কনট্রাস্ট যাচাই করুন।

টুল খুলুন

কালার ও CSS ডিজাইন

গ্রেডিয়েন্ট, ছায়া ও CSS অ্যানিমেশন স্টুডিও

প্রিভিউসহ গ্রেডিয়েন্ট, ছায়া, ফিল্টার, ট্রান্সফর্ম ও CSS অ্যানিমেশন তৈরি করুন।

টুল খুলুন

কালার ও CSS ডিজাইন

CSS Grid, Flexbox ও ফ্লুইড টাইপোগ্রাফি স্টুডিও

CSS গ্রিড, Flexbox লেআউট, ফ্লুইড টাইপ ও রেসপন্সিভ স্পেসিং প্রোটোটাইপ করুন।

টুল খুলুন

ইমেজ ও ভেক্টর গ্রাফিক্স

SVG ও ভেক্টর আইকন স্টুডিও

SVG কোড, viewBox ও রং বদলান, পাথ অপটিমাইজ করুন, তারপর TSX/JSX, CSS Data URI, PNG বা WebP-তে এক্সপোর্ট করুন।

টুল খুলুন

অন্তর্ভুক্ত ক্যাটাগরি

ডিজাইন ও CSS টুল প্রসঙ্গে প্রশ্ন

কালার স্টুডিও কি WCAG ও APCA কনট্রাস্ট যাচাই করে?

কালার স্টুডিওর ফর্মে উপলব্ধ পদ্ধতি ও পরিমাপ বলা আছে। বাছা মোড যাচাই করুন এবং ব্যবহারের প্রসঙ্গ অনুযায়ী ফলাফল বুঝুন।

শুধু কনট্রাস্ট যাচাই যথেষ্ট?

না। কনট্রাস্ট হিসাব টেক্সট, বোতাম ও তল ব্যাকগ্রাউন্ড কভার করে; ইমেজের ওপর টেক্সট, গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ও জটিল গ্রাফিক্স নয়। তাই একে শুরুর যাচাই মানুন, পূর্ণ অ্যাক্সেসিবিলিটি অডিটের বিকল্প নয়।

জেনারেট করা CSS সোজা প্রকল্পে রাখা যায়?

হ্যাঁ, তবে পড়ে-বোঝে ছাড়া এক্সপোর্ট করবেন না: নমুনাগুলি নিজের কোড কনভেনশন অনুযায়ী এডিট করুন, টার্গেট ব্রাউজার/ডিভাইসে সামঞ্জস্য যাচাই করুন এবং প্রকৃত প্রিভিউ দেখুন।

প্রিভিউ কি সত্যিই ভরসাযোগ্য?

প্রিভিউ যাচাইয়ে সাহায্য করে, গ্যারান্টি দেয় না। ফন্ট, স্পেসিং ও ডিসপ্লে প্রায়ই প্রকৃত প্রসঙ্গে ভিন্নভাবে রেন্ডার হয়; চূড়ান্ত রেন্ডারিং সেখানেই আবার যাচাই করুন।

কাজের ধরন অনুযায়ী টুল দেখুন।

সব টুল দেখুন
☕ আমাদের সমর্থন করুন