ابزارهای طراحی
ابزارهای سریع برای کار طراحی فرانت‌اند و بصری، با CSS آماده کپی و بررسی‌های دسترس‌پذیری بر اساس فرمول کنتراست WCAG.
7 ابزار
ابزارهای این دسته‌بندی
- مبدل رنگتبدیل رنگ‌ها بین HEX، RGB، HSL، HWB، OKLCH و CMYK ساده. هر رنگ CSS را جایگذاری کنید یا از انتخابگر استفاده کنید و هر قالب را کپی کنید. در مرورگر شما اجرا می‌شود.
- بررسی کنتراستنسبت کنتراست WCAG 2.2 را برای رنگ‌های متن و پس‌زمینه بررسی کنید، نتایج AA و AAA را برای متن و اجزای رابط کاربری ببینید و نزدیک‌ترین رنگ دارای قبولی را دریافت کنید.
- تولیدکننده گرادیان CSSگرادیان‌های CSS خطی، شعاعی و مخروطی با ۲ تا ۶ نقطه توقف رنگ بسازید، زاویه و موقعیت‌ها را تنظیم کنید، پیش‌نمایش زنده ببینید و CSS پس‌زمینه را کپی کنید.
- سازنده Box Shadowسایه‌های CSS box-shadow را با چند لایه طراحی کنید: افست، محو، گستردگی، رنگ، شفافیت و inset. روی هر پس‌زمینه‌ای پیش‌نمایش بگیرید و کد box-shadow را کپی کنید.
- مولد پالت رنگاز یک رنگ پالت‌های مکمل، مشابه، سه‌گانه، چهارگانه، مکمل تقسیم‌شده و سایه بسازید. رنگ‌ها را قفل کنید و سپس HEX، CSS یا JSON کپی کنید.
- مبدل PX به REMتبدیل px به rem یا em و برعکس با هر اندازه فونت ریشه (پیش‌فرض 16px). شامل جدول اندازه‌های رایج و تبدیل مقادیر px در کل قطعه‌های CSS است.
- محاسبه‌گر نسبت تصویرعرض یا ارتفاع نامشخص را برای هر نسبت تصویر پیدا کنید، ابعادی مانند 1920×1080 را به 16:9 ساده کنید، شکل را پیش‌نمایش بگیرید و قانون aspect-ratio در CSS را کپی کنید.