رنگ، گرادیان، سایه و بیشتر برای طراحان. · 34 ابزار
پالت‌های رنگی هماهنگ بسازید.
گرادیان‌های CSS طراحی کنید و کد را کپی کنید.
box-shadow در CSS را به‌صورت بصری طراحی کنید.
بین HEX، RGB، HSL و بیشتر تبدیل کنید.
کنتراست را طبق WCAG بررسی کنید.
حجم فایل‌های SVG خود را کم کنید.
گوشه‌ها و شکل‌های ارگانیک با border-radius طراحی کنید و CSS را کپی کنید.
افکت شیشه مات با backdrop-filter، آماده کپی.
سایه‌های نرم به سبک نئومورفیسم برای دکمه‌ها و کارت‌ها.
پس‌زمینه‌های طرح‌دار (نقطه، راه‌راه، شش‌ضلعی…) در CSS یا SVG.
شکل‌های ارگانیک تصادفی در SVG با گرادیان برای طراحی‌هایتان.
موج‌هایی برای جدا کردن بخش‌های وب‌سایتتان، به‌صورت SVG آماده استفاده.
دکمه‌هایی با گرادیان، خط دور یا سه‌بعدی طراحی کنید و CSS را با hover کپی کنید.
منحنی‌های انیمیشن طراحی کنید و به‌صورت زنده امتحان کنید.
انیمیشن‌های آماده با @keyframes: پرش، تپش، لرزش، fade و بیشتر.
عناصر را با شکل‌های CSS برش دهید: مثلث، ستاره، شش‌ضلعی و بیشتر.
گریدهای CSS را به‌صورت بصری بسازید و کد را کپی کنید.
همه ویژگی‌های flexbox را امتحان کنید و نتیجه را فوراً ببینید.
اندازه‌های هماهنگ عنوان‌ها و متن‌ها را بر اساس یک نسبت محاسبه کنید.
بین پیکسل، rem، em، pt و vw بر اساس اندازه پایه تبدیل کنید.
ببینید افراد مبتلا به پروتانوپیا، دوترانوپیا یا تریتانوپیا طراحی شما را چگونه می‌بینند.
رنگ هر قسمت از صفحه نمایش را با یک کلیک بردارید.
آواتار با حروف اول و گرادیان به‌صورت PNG یا SVG بسازید.
یک امضای حرفه‌ای برای Gmail، Outlook و Apple Mail طراحی کنید.
یک لوگوی تایپوگرافیک با نام برند و شعارتان به‌صورت PNG یا SVG بسازید.
پالت‌های تصادفی (پاستلی، شاد، خاکی…) با رنگ‌های قابل قفل.
نام یک رنگ HEX یا RGB و معادل‌های آن را پیدا کنید.
طیف 50–950 رنگ برندتان را برای Tailwind یا متغیرهای CSS بسازید.
همه اندازه‌های آیکون برای iOS، Android و وب را از یک تصویر بسازید.
کارت ویزیت طراحی کنید و یک برگه A4 آماده چاپ دانلود کنید.
گواهی دوره، تقدیرنامه و دیپلم به‌صورت PDF.
فاکتور و پیش‌فاکتور ساده به‌صورت PDF با اقلام، مالیات و جمع کل.
رزومه خود را با یک قالب مرتب بسازید و به‌صورت PDF دانلود کنید.
تصاویر را به استیکر WhatsApp (512 × 512 WEBP) با حاشیه سفید تبدیل کنید.
