ابزار رایگان

ابزارهای رایگان وب‌مستر و توسعه‌دهنده

مجموعه‌ای از ابزارهای پرکاربرد روزمره — بدون ثبت‌نام، بدون محدودیت و کاملاً رایگان.

همه‌ی این ابزارها داخل مرورگر شما اجرا می‌شوند؛ هیچ داده‌ای به سرور ما ارسال نمی‌شود.

متن و کد

تبدیل، قالب‌بندی و بررسی متن و داده

۱۴
قالب‌بند و اعتبارسنج JSON JSON را مرتب کنید، خطای ساختاری را دقیق ببینید و فشرده‌اش کنید. رمزگذار و رمزگشای Base64 تبدیل متن به Base64 و برعکس، با پشتیبانی کامل از فارسی. رمزگذار و رمزگشای URL کدگذاری پارامترهای آدرس و رمزگشایی آدرس‌های درهم. رمزگشای توکن JWT محتوای هدر و payload توکن را ببینید و زمان انقضا را بررسی کنید. تبدیل حالت حروف camelCase، snake_case، kebab-case، Title Case و بیشتر. شمارنده‌ی کلمه و کاراکتر شمارش کلمه، کاراکتر، پاراگراف و زمان تقریبی مطالعه. سازنده‌ی اسلاگ سئو تبدیل عنوان فارسی یا انگلیسی به آدرس تمیز و سئوپسند. متن ساختگی (فارسی و لاتین) تولید متن نمونه برای طراحی — با متن فارسی واقعی، نه لاتین. فرمت‌کنندهٔ CSS CSS فشرده را خوانا کن؛ تورفتگی دلخواه، هر اعلان در یک خط، بدون دست‌زدن به رشته‌ها فشرده‌ساز CSS حذف کامنت و فاصله‌های اضافی، کوتاه‌سازی رنگ‌ها و نمایش دقیق کاهش حجم. قالب‌بند و مرتب‌کننده HTML تورفتگی مرتب HTML با حفظ کامل pre و textarea و هشدار تگ‌های بسته‌نشده. فشرده‌ساز HTML حذف کامنت، فشرده‌سازی فاصله‌ها و ویژگی‌های زائد، بدون دست‌زدن به pre و script حذف فاصله‌های اضافه پاک‌سازی فاصله‌ی اضافه، تب و خط خالی بدون آسیب‌زدن به نیم‌فاصله‌ی فارسی نمایشگر درختی JSON پیمایش JSON بزرگ در درخت بازشونده، با جست‌وجو و کپی مسیر JSONPath هر گره.

طراحی و CSS

رنگ، گرادیان و کد آماده‌ی CSS

۱۳
تبدیل رنگ HEX / RGB / HSL تبدیل بین فرمت‌های رنگ با انتخابگر و بررسی کنتراست. سازنده‌ی گرادیان CSS ساخت گرادیان خطی و شعاعی با خروجی CSS آماده. سازنده‌ی سایه CSS تنظیم سایه با پیش‌نمایش زنده و کپی مستقیم کد. سازندهٔ گِردی گوشه CSS چهار اسلایدر گوشه به‌همراه حالت بیضویِ هشت‌مقداری، پیش‌نمایش زنده و کدِ CSS آمادهٔ کپی. مولد clip-path در CSS با کشیدن نقطه‌ها شکل بسازید و کد clip-path را برای چندضلعی، دایره، بیضی و inset بگیرید. سازنده طیف رنگ (۵۰ تا ۹۰۰) از یک رنگ پایه، طیف ده‌مرحله‌ای ۵۰–۹۰۰ با کد HEX و نسبت کنتراست WCAG بسازید. سازنده‌ی لودر و اسپینر CSS ۱۲ لودر خالص CSS با تنظیم اندازه، رنگ و سرعت و کد آماده‌ی HTML و CSS. ساخت مثلث CSS ساخت مثلث CSS با ترفند border در هشت جهت، با پیش‌نمایش زنده و خروجی clip-path ویرایشگر منحنی cubic-bezier ویرایش منحنی شتاب CSS با نقاط کنترل کشیدنی، پیش‌نمایش زنده و خروجی cubic-bezier() تولید پالت رنگ ساخت پالت رنگ از روی هارمونی: مکمل، مشابه، سه‌گانه، چهارگانه و تک‌فام سازندهٔ الگوی پس‌زمینه CSS الگوی هندسی پس‌زمینه فقط با گرادیان CSS؛ رنگ، اندازه و زاویه را تنظیم و کد را کپی کنید. ترکیب رنگ (sRGB و OKLab) ترکیب دو رنگ در sRGB و OKLab کنار هم، با پله‌های میانی و خروجی هگز و CSS سازنده‌ی افکت شیشه‌ای CSS افکت شیشه‌ی مات را زنده تنظیم کنید و CSS آماده با پیشوند webkit بگیرید.

تصویر

فشرده‌سازی، تغییر اندازه و کار با تصویر در مرورگر

۸