← ابزارها
طراحی و CSS
رنگ ها، اندازه پاسخگو و CSS آماده تولید ایجاد کنید.
رنگ و دسترسیپذیری
طرحبندی و افکتهای CSS
- سازنده Box Shadowاسلایدرها را برای ایجاد سایه بکشید، برای عمق بیشتر لایهها را روی هم قرار دهید و کد CSS نهایی را فوراً کپی کنید.
- سازنده گرادینتیک گرادینت خطی، شعاعی یا مخروطی بسازید، پلههای رنگی اضافه کنید، جهت را تنظیم کنید و کد CSS را با یک کلیک کپی کنید.
- سازنده Border Radiusهر گوشه را با اسلایدرها گرد کنید، با حالت بیضوی اشکال ارگانیک بسازید و کد CSS را فوراً کپی کنید.
- سازنده Flexboxیک کانتینر flex و آیتمهای آن را با کنترلهای بصری تنظیم کنید، واکنش زنده طرحبندی را ببینید و کد CSS را با یک کلیک کپی کنید.
- سازنده CSS Gridستونها و سطرهای خود را تنظیم کنید، روی سلولها بکشید تا آیتمها را قرار دهید و کد CSS گرید را به همراه HTML متناظر با یک کلیک کپی کنید.
- سازنده CSS Cubic Bezierدو دستگیره را بکشید تا به منحنی شتابدهی شکل دهید، حرکت یک نقطه را در مقایسه با حرکت یکنواخت تماشا کنید و مقدار cubic-bezier() را کپی کنید.
- ماشینحساب CSS clamp()یک اندازه برای صفحات کوچک و بزرگ وارد کنید و یک مقدار پویا در clamp() دریافت کنید که به طور روان بین آنها مقیاسپذیر است — برای اندازههای فونت، پدینگ، مارجین یا گپ.
بررسی و مجوز فونت
صفحه نمایش، چاپ و تناسبات
- مبدل پیکسل / DPIتبدیل پیکسل به اینچ، سانتیمتر و میلیمتر در هر تراکم DPI/PPI — مناسب برای طراحی رابط کاربری و کارهای چاپی.
- محاسبهگر تراکم پیکسلی صفحه (PPI)رزولوشن و اندازه صفحه را وارد کنید تا تراکم پیکسلی، دات پیچ، ابعاد فیزیکی و موارد دیگر را به دست آورید.
- مبدل px به rem و emتبدیل بین واحدهای px، rem و em با استفاده از اندازههای فونت ریشه و زمینه دلخواه خودتان — با ویرایش هر فیلد، دو فیلد دیگر همزمان با تایپ شما بهروزرسانی میشوند.
هیچ ابزار منطبقی در این دسته وجود ندارد.