কালার ও CSS ডিজাইন
কালার, প্যালেট ও কনট্রাস্ট স্টুডিও
কালার মডেল কনভার্ট করুন, CSS স্কেল তৈরি করুন, প্যালেট বের করুন এবং WCAG বা APCA কনট্রাস্ট যাচাই করুন।
টুল খুলুনটুল কলেকশন
রং-কনট্রাস্টের তুলনা করুন, গ্রেডিয়েন্ট ও শ্যাডো তৈরি করুন, তারপর Grid, Flexbox বা ফ্লুইড লেআউট বানান। কনট্রাস্ট যাচাইয়ের ফলাফল বাছা স্ট্যান্ডার্ডে নির্ভরশীল এবং পূর্ণ অ্যাক্সেসিবিলিটি অডিটের বিকল্প নয়।
রং চেনা, কনট্রাস্ট যাচাই করা ও গ্রেডিয়েন্ট, শ্যাডো বা CSS লেআউট তৈরির স্টুডিও।
4 টুল
কালার ও CSS ডিজাইন
কালার মডেল কনভার্ট করুন, CSS স্কেল তৈরি করুন, প্যালেট বের করুন এবং WCAG বা APCA কনট্রাস্ট যাচাই করুন।
টুল খুলুনকালার ও CSS ডিজাইন
প্রিভিউসহ গ্রেডিয়েন্ট, ছায়া, ফিল্টার, ট্রান্সফর্ম ও CSS অ্যানিমেশন তৈরি করুন।
টুল খুলুনকালার ও CSS ডিজাইন
CSS গ্রিড, Flexbox লেআউট, ফ্লুইড টাইপ ও রেসপন্সিভ স্পেসিং প্রোটোটাইপ করুন।
টুল খুলুনইমেজ ও ভেক্টর গ্রাফিক্স
SVG কোড, viewBox ও রং বদলান, পাথ অপটিমাইজ করুন, তারপর TSX/JSX, CSS Data URI, PNG বা WebP-তে এক্সপোর্ট করুন।
টুল খুলুনকালার স্টুডিওর ফর্মে উপলব্ধ পদ্ধতি ও পরিমাপ বলা আছে। বাছা মোড যাচাই করুন এবং ব্যবহারের প্রসঙ্গ অনুযায়ী ফলাফল বুঝুন।
না। কনট্রাস্ট হিসাব টেক্সট, বোতাম ও তল ব্যাকগ্রাউন্ড কভার করে; ইমেজের ওপর টেক্সট, গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ও জটিল গ্রাফিক্স নয়। তাই একে শুরুর যাচাই মানুন, পূর্ণ অ্যাক্সেসিবিলিটি অডিটের বিকল্প নয়।
হ্যাঁ, তবে পড়ে-বোঝে ছাড়া এক্সপোর্ট করবেন না: নমুনাগুলি নিজের কোড কনভেনশন অনুযায়ী এডিট করুন, টার্গেট ব্রাউজার/ডিভাইসে সামঞ্জস্য যাচাই করুন এবং প্রকৃত প্রিভিউ দেখুন।
প্রিভিউ যাচাইয়ে সাহায্য করে, গ্যারান্টি দেয় না। ফন্ট, স্পেসিং ও ডিসপ্লে প্রায়ই প্রকৃত প্রসঙ্গে ভিন্নভাবে রেন্ডার হয়; চূড়ান্ত রেন্ডারিং সেখানেই আবার যাচাই করুন।
কাজের ধরন অনুযায়ী টুল দেখুন।
সব টুল দেখুন