أدوات التصميم

إنشاء QR codes مع تخصيص كامل + مسح وتحقق من QR

قراءة رموز QR من الصور أو الكاميرا

إنشاء QR code بألوان مخصصة مع لوجو اختياري

إنشاء QR لمشاركة شبكة WiFi بسرعة

إنشاء QR لبطاقة جهة اتصال

إنشاء QR code لإضافة حدث للتقويم

إنشاء QR للرسائل والبريد وأرقام الهاتف

إنشاء QR code لإحداثيات GPS

CODE128 · EAN · UPC · ITF · Code39 مع تخصيص كامل

قراءة الباركود من صورة باستخدام ZXing-js

إنشاء رمز Aztec ثنائي الأبعاد مع تخصيص

إنشاء PDF417 مع تحكم في الأعمدة والأمان

تحقّق وإنشاء باركود الكتب والمجلات

اختصر أي رابط مع تتبع النقرات والتخصيص وحماية بكلمة مرور

إنشاء QR لعنوان محفظة BTC/ETH/...

إنشاء QR للدفع (IBAN / PayPal)

تشفير بيانات في باركود ملوّن قابل للتخصيص

بناء محتوى علامات NFC (NDEF نص/URL)

اختيار لون وتحويله بين HEX/RGB/HSL/HSV/CMYK

فحص تباين الألوان حسب معايير WCAG

محاكاة كيف يرى الأشخاص ذوو عمى الألوان الصور

البحث عن أقرب اسم لأي لون

استخراج ألوان مع تحكم بالعدد، الدقة، التصدير

خلط لونين بأي نسبة

7 خوارزميات + قفل الألوان + WCAG + تصدير CSS/Tailwind/SCSS/JSON/PNG

محرر نقاط التوقف + Linear/Radial/Conic + زاوية بصرية + 20 قالب + تصدير CSS/PNG

بناء linear-gradient غني

إنشاء تدرجات شبكية جميلة بـ CSS

تفتيح وتغميق اللون بخطوات متدرجة

توليد لوحة ألوان Tailwind CSS من لون أساسي

ظلال متعددة + قوالب جاهزة + معاينة حية + وضع داخلي + نسخ CSS

تصميم زوايا فردية

مثلثات بـ border tricks

CSS فقاعة محادثة

سبينرات CSS بدون JS

CSS glassmorphism

ظلال ناعمة بارزة/غائرة

متحرك تحميل بسطر CSS

feGaussianBlur / feColorMatrix...

توليد متغيرات CSS من ألوان العلامة التجارية

أقرب لون Pantone (تقريبي)

استخراج لوحة الألوان من شعار/صورة

إنشاء @keyframes جاهزة

أنشئ مقياس خطوط متناسقاً لمشروعك باستخدام نسب رياضية مثبتة

أنشئ نظام تباعد متناسق لمشروعك بقاعدة 4px أو 8px

صمّم نظام شبكة احترافياً لمشروعك مع الأعمدة والمسافات

احصل على مواصفات الأحجام والتباعد القياسية لعناصر واجهة المستخدم

احسب التباعد المثالي بين الأسطر لكل حجم خط لضمان قراءة مريحة

أنشئ لوحة ألوان متناسقة من لونك الأساسي باستخدام نظريات التناسق اللوني

أنشئ 10 تدرجات (فاتح وداكن) من لونك الأساسي لنظام ألوان متكامل

أنشئ نظام ألوان متكاملاً للواجهة من لونك الأساسي مع ألوان الحالات المختلفة

تحقق من نسبة تباين لونَي النص والخلفية وتأكد من التوافق مع معايير إمكانية الوصول WCAG

احصل على أبعاد الصور المثالية لكل منصة سوشيال ميديا في 2025

احصل على الأبعاد الدقيقة لأحجام الطباعة الشائعة بالبكسل والسنتيمتر

احصل على الأحجام القياسية للأيقونات في مختلف المنصات والسياقات

احسب أبعاد الصور والفيديوهات بناءً على النسبة المطلوبة مع الحفاظ على النسبة

احسب النسب الصحيحة لعرض شعارك في مقاسات وسياقات مختلفة

احسب النسبة الذهبية لأبعاد تصميمك لنتائج بصرية مُثلى

اختر ثنائية خطوط متناسقة احترافية لمشروعك مع أسباب التناسق

قيّم اكتمال هويتك البصرية وتعرّف على العناصر الناقصة

خطط تصميم ثمبنيل يوتيوب أو محتوى مقنع يزيد معدل النقر

احسب توقيتات انيميشن CSS المثالية وقيم cubic-bezier لحركات سلسة واحترافية

قيّم التباعد في تصميمك وفق مبادئ التصميم الاحترافي وأنظمة التباعد

احصل على نقاط الكسر الصحيحة وكود CSS لأي نظام تصميم أو إطار عمل

أنشئ نظام z-index منظم لمشروعك لتجنب فوضى التراكب بين العناصر

أنشئ نظام ظلال متناسقاً لمشروعك يعكس مستويات الارتفاع البصري

احسب عرض الأعمدة والمسافات بدقة لأي شبكة تصميمية

اختر مستوى كثافة الواجهة المناسب لتطبيقك وانتقل بإرشادات الأبعاد الصحيحة

أنشئ مجموعة رموز تصميم متكاملة جاهزة للاستخدام في CSS وTailwind وFigma

اختبر كيف يرى أشخاص عمى الألوان تصميمك وتحقق من إمكانية الوصول

قارن بين أزواج خطوط Google Fonts المُثبتة وشاهد معاينة حية لكل زوج

حدد أسلوب الأيقونات المناسب لمشروعك وتحقق من اتساقها عبر التطبيق

اختر نسبة أبعاد الصور المثالية لكل سياق في تصميمك مع أبعاد دقيقة

احصل على لون عشوائي جميل مع رمز HEX وRGB وHSL

تحقق من نسبة تباين الألوان وفق معايير إمكانية الوصول WCAG 2.1

احسب أبعاد الصور ومقاطع الفيديو مع الحفاظ على نسبة العرض للارتفاع

أنشئ تدرجات CSS احترافية وانسخ الكود جاهزاً للاستخدام

أنشئ ظلالاً CSS احترافية مع معاينة مباشرة ونسخ الكود

اكتشف توليفات الخطوط المثالية لمشاريعك التصميمية

أدخل كود Hex واحصل على اسم اللون وقيمه RGB وHSL

احسب دقة الطباعة المطلوبة لأبعاد معينة وتحقق من جودة صورك للطباعة

أنشئ لوحات ألوان متناسقة بناءً على نظريات الألوان

أنشئ مقياس خطوط متناسق لمشروعك التصميمي

اعرض نصك بأنماط خطوط عربية مختلفة لاختيار الأنسب

أنشئ أعمال فنية تجريدية عشوائية بلغة CSS

أنشئ كود CSS لتأثيرات الحركة وانسخه جاهزاً للاستخدام

تعرّف على الألوان المستخدمة في الشركات الكبرى ونظرية الألوان خلفها

أنشئ نظام Design Tokens متسق لمشروعك التصميمي