ابزارهای طراحی — رایگان آنلاین
13 ابزارابزارهای طراحی و CSS: انتخابگر رنگ، سازنده گرادیان، تولیدکننده سایه و ابزارهای CSS.
بررسی کنتراست WCAG و APCA
بررسی دسترسپذیری رنگها با نسبتهای WCAG 2.1 و امتیازهای مدرن APCA با شبیهسازی بصری بلادرنگ.
تولیدکننده انیمیشن CSS
طراحی بصری انیمیشنهای keyframe با عملکرد بالا با پیشنمایش زنده و کنترلهای easing.
تولیدکننده Border Radius CSS
ایجاد بصری border-radius پیشرفته ۸ نقطهای CSS. دایرهها، اشکال ارگانیک و فیگورهای پیچیده.
تولیدکننده Box Shadow CSS
طراحی بصری سایههای CSS چند لایه پیشرفته با پیشنمایش بلادرنگ و پشتیبانی inset.
تولیدکننده فیلتر CSS
اعمال بلادرنگ فیلترهای CSS مانند تاری، کنتراست و روشنایی بر تصاویر با پیشنمایش زنده و خروجی کد.
تولیدکننده Flexbox CSS
طراحی بصری چیدمانهای انعطافپذیر با سندباکس تعاملی برای ویژگیهای ظرف و عناصر.
تولیدکننده Grid CSS
طراحی بصری چیدمانهای دوبعدی پیچیده. کشیدن برای ایجاد نواحی شبکه، تنظیم ردیفها و خروجی CSS تمیز.
تبدیل PX به REM
تبدیل دوطرفه px/rem با تطابق Tailwind CSS، تولیدکننده تایپوگرافی سیال clamp() و تبدیل دستهای CSS.
تبدیل SVG به CSS
تبدیل آیکونهای SVG به URI داده CSS بهینه با فرمتهای background-image، mask-image و Tailwind.
تولیدکننده Favicon
تولید favicon از متن، اموجی یا تصویر در فرمتهای ICO، PNG، SVG و بسته PWA با پشتیبانی حالت تاریک.
تولیدکننده گرادیان CSS
ایجاد گرادیانهای CSS جذاب با ویرایشگر بصری — خطی، شعاعی و مخروطی با درونیابی OKLCH و بافت grain.
تولیدکننده پالت رنگ
تولید پالتهای رنگ هارمونیک در OKLCH با شش حالت هارمونی، ماتریس کنتراست WCAG و خروجی CSS/Tailwind/JSON.
انتخابگر رنگ
انتخاب رنگ با بوم تعاملی HSV، تبدیل بین HEX، RGB، HSL و OKLCH و بررسی نسبتهای کنتراست WCAG در مقابل سفید و سیاه.