ডিজাইন এবং CSS টুলস

CSS গ্রেডিয়েন্ট, শ্যাডো এবং গোলাকার কোণ তৈরি করুন, এবং ওয়েবসাইটের জন্য রঙের কনট্রাস্ট পরীক্ষা করুন। 17টি টুল — সম্পূর্ণভাবে আপনার ব্রাউজারে চলে.

সম্পূর্ণ স্থানীয়

কালার কনট্রাস্ট চেকার

টেক্সট ও ব্যাকগ্রাউন্ড কালারের জোড়া WCAG অ্যাক্সেসিবিলিটি কনট্রাস্ট স্ট্যান্ডার্ড মেনে চলে কিনা চেক করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

সিএসএস গ্রেডিয়েন্ট জেনারেটর

ভিজ্যুয়ালি লিনিয়ার বা রেডিয়াল সিএসএস গ্রেডিয়েন্ট বানিয়ে কোড কপি করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

সিএসএস বক্স শ্যাডো জেনারেটর

স্লাইডার দিয়ে ভিজ্যুয়ালি সিএসএস box-shadow ডিজাইন করে জেনারেট হওয়া কোড কপি করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

সিএসএস বর্ডার রেডিয়াস জেনারেটর

ভিজ্যুয়ালি গোলাকার কোণ ডিজাইন করুন — অসম আকৃতিসহ — এবং সিএসএস কোড কপি করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

PX থেকে REM কনভার্টার

কাস্টম রুট ফন্ট সাইজের ভিত্তিতে পিক্সেল ও rem ইউনিটের মধ্যে রূপান্তর করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

কালার প্যালেট এক্সট্র্যাক্টর

যেকোনো ছবি থেকে সবচেয়ে প্রাধান্যপ্রাপ্ত কালারগুলো বের করুন, HEX, RGB আর সিএসএস কোডসহ।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

কোড স্ক্রিনশট জেনারেটর

কোড পেস্ট করে গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড আর টাইটেল বারসহ শেয়ার করার মতো সুন্দর ছবি বানান।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

কালার ব্লাইন্ডনেস সিমুলেটর

প্রোটানোপিয়া, ডিউটেরানোপিয়া, ট্রাইটানোপিয়া বা অ্যাক্রোমাটোপসিয়া থাকা কারো চোখে আপনার ছবি কেমন দেখায় তা দেখুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

সিএসএস ক্লিপ-পাথ জেনারেটর

রেডি-মেড আকৃতি (বৃত্ত, ত্রিভুজ, তারা, মেসেজ বাবল...) বেছে নিয়ে clip-path সিএসএস কোড কপি করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

কিউবিক বেজিয়ার ইজিং জেনারেটর

দুটি পয়েন্ট টেনে ভিজ্যুয়ালি কাস্টম মোশন ইজিং কার্ভ ডিজাইন করুন এবং cubic-bezier কোড কপি করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

সিএসএস গ্লাসমরফিজম জেনারেটর

ভিজ্যুয়ালি ফ্রস্টেড-গ্লাস কার্ড ইফেক্ট ডিজাইন করে রেডি সিএসএস কোড কপি করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

সিএসএস গ্রিড ও ফ্লেক্সবক্স জেনারেটর

লাইভ প্রিভিউসহ ভিজ্যুয়ালি Grid বা Flexbox লেআউট ডিজাইন করে রেডি সিএসএস কোড কপি করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

টেক্সট টু হ্যান্ডরাইটিং কনভার্টার

টাইপ করা লেখাকে খাতার রুল করা পাতায় হাতের লেখার মতো দেখতে একটি ছবিতে রূপান্তর করুন, একাধিক স্টাইলে।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

SVG ব্লব ও ব্যাকগ্রাউন্ড প্যাটার্ন জেনারেটর

একটি র‍্যান্ডম অর্গানিক ব্লব আকৃতি বা সিমলেস রিপিটিং ব্যাকগ্রাউন্ড প্যাটার্ন SVG হিসেবে জেনারেট করুন, কপি বা ডাউনলোড করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

সিএসএস কিফ্রেম অ্যানিমেশন জেনারেটর

ভিজ্যুয়ালি একটি সিএসএস অ্যানিমেশন ডিজাইন করুন (fade, slide, zoom, bounce, rotate, flip) আর রেডি-টু-ইউজ @keyframes কোড পান।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

কালার প্যালেট হারমনি জেনারেটর

একটি বেস কালার বেছে নিয়ে একটি হারমোনিয়াস কালার প্যালেট পান (কমপ্লিমেন্টারি, অ্যানালগাস, ট্রায়াডিক, টেট্রাডিক, মনোক্রোমেটিক)।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পূর্ণ স্থানীয়

মেশ গ্রেডিয়েন্ট জেনারেটর

এক ক্লিকে একটি সফট, মাল্টি-পয়েন্ট মেশ গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড বানান, আর রেডি-টু-ইউজ সিএসএস কোড কপি করুন।

ডিজাইন এবং CSS টুলসটুল খুলুন

সম্পর্কিত টুলস

AI টুলস টেক্সট টুলস PDF টুলস ইমেজ টুলস