التصميم والستايل

41 أدوات متاحة


أضف علامات مائية نصية مخصصة إلى صورك. احمِ صورك بنص حقوق النشر أو العلامة التجارية أو التوقيعات. خصّص لون النص، والحد، والخلفية، والموضع. عاين في الوقت الحقيقي وحمّل الصور المائية فورًا.
إنشاء تأثيرات ضوضاء ثابتة واقعية للتلفاز مع إمكانية تعديل الشدة وأنماط الألوان. إنشاء ضوضاء شاشة CRT قديمة للفيديوهات، الخلفيات، أو المشاريع الفنية.
إنشاء إيصالات احترافية مع دعم الباركود. إنشاء إيصالات متجر قابلة للتخصيص تشمل تفاصيل العناصر، الأسعار، حساب الضرائب، وصيغ باركود مختلفة (CODE128، EAN-13، UPC، إلخ).
إنشاء بطاقات عمل احترافية بتصاميم قابلة للتخصيص. توليد بطاقات عمل أنيقة بمعلومات الاتصال الخاصة بك، اختيار من بين عدة قوالب عصرية، وتحميلها بصيغة PNG أو JPEG.
إنشاء سكريبت رسوم متحركة لتساقط الثلج قابل للتخصيص للمواقع الإلكترونية. ضبط عدد حبات الثلج، اللون، الحجم، السرعة، الشفافية، تأثير الرياح، الضبابية، ونمط الرسوم المتحركة. عاين التأثير مباشرة وانسخ كود JavaScript الجاهز لإضافة رسوم ثلجية جميلة إلى أي صفحة ويب.
إنشاء نص Zalgo مع شدة قابلة للتخصيص. إضافة أحرف Unicode مركبة فوق، داخل، وتحت النص لإنشاء تأثيرات نصية مشوشة، مفسدة، أو مخيفة.
احسب انكماش الطين للأواني والفخار. احصل على الأبعاد النهائية بعد التجفيف والحرق، أو حدّد الحجم المطلوب لقطعتك لتحقيق الأبعاد النهائية المرغوبة.
إنشاء ظل CSS.
إنشاء حدود CSS منقطة، متقطعة، وأنماط أخرى. التحكم في عرض الحد، اللون، نصف القطر، والجانبين الفرديين مع معاينة مباشرة.
إنشاء استعلامات وسائط CSS استجابية لنقاط الانقطاع، أحجام الشاشات، الاتجاهات، وميزات الأجهزة.
إنشاء تأثيرات تمرير CSS Snap مع معاينة مباشرة. توليد حاويات تمرير بنقاط تثبيت للدوارات، الشرائح، وواجهات التمرير السلس.
تحقق من نسب تباين الألوان لضمان توافقها مع معايير سهولة الوصول.
إنشاء ألوان مكملة ومكملة مقسمة من أي لون مدخل. مثالي لإنشاء أنظمة ألوان متناغمة بناءً على نظرية الألوان.
إنشاء محادثات دردشة وهمية للنماذج الأولية، العروض، وأغراض التصميم.
املأ شاشتك بالكامل بأي لون
حساب الأبعاد المفقودة بناءً على نسبة العرض إلى الارتفاع. أدخل النسبة وبعدًا واحدًا لإيجاد البعد الآخر.
رتّب قائمة الألوان وفق معايير مختلفة مثل الصبغة، التشبع، الإضاءة، أو قيم RGB.
احسب اللون المتوسط من عدة ألوان مدخلة باستخدام أوضاع فضاءات اللون المختلفة (RGB، LAB، LCH، HSL).
تطبيق تأثير فلتر سيبيا على الصور مع إمكانية ضبط الشدة.
امزج الألوان معًا لإنشاء ألوان جديدة.
قم بتفتيح اللون بمعامل محدد.
قم بتغميق اللون بمعامل محدد.
أنشئ درجات وتدرجات متعددة من لون أساسي.
احسب الفرق الإدراكي بين لونين باستخدام صيغة Delta E (ΔE) 2000. قارن الألوان وقم بقياس مدى تشابهها أو اختلافها للعين البشرية.
تحقق من صحة رموز اللون السداسية عشرية، اكتشف نوع التنسيق، واعرض معلومات اللون التفصيلية مع قيم RGB وHSL.
أنشئ مرشحات CSS للصور مع معاينة مباشرة.
أنشئ مرشح CSS الخلفية مع معاينة مباشرة.
احسب وصوّر انحناء الشاشة بناءً على المواصفات.
أنشئ صور SVG نائبة قابلة للتخصيص مع نص، ألوان، وأبعاد لتطوير الويب ونماذج التصميم.
قارن وحوّل درجات أقلام الرصاص الجرافيتية بين مختلف العلامات التجارية والمقاييس (HB، الأرقام، Staedtler، Faber-Castell، Derwent).
تحويل بين وحدات الطول في CSS بما في ذلك البكسل (px)، السنتيمتر (cm)، المليمتر (mm)، البوصة (in)، النقطة (pt)، والبيكا (pc).
تحويل CSS الخاص بـ Internet Explorer القديم إلى معايير حديثة. يحول تلقائيًا الفلاتر الخاصة بـ IE (الشفافية، التدرجات)، البادئات الخاصة بالمصنعين (-ms-)، صيغ flexbox/grid القديمة، حيل المحددات، والخصائص المملوكة إلى CSS نظيف وحديث.
أنشئ إعدادات انتقال Spring لـ Framer Motion باستخدام أشرطة تمرير تفاعلية، عاين الإحساس، وانسخ مقطع جاهز للاستخدام.
أنشئ لوحات ألوان متناسقة باستخدام الذكاء الاصطناعي. صِف المزاج أو الموضوع أو النمط المطلوب، ودع الذكاء الاصطناعي يخلق نظام ألوان موحد مع أسماء ووصف لكل لون.
إنشاء لوحات قابلة للتخصيص لـ Twitch أو Discord أو وسائل التواصل الاجتماعي. أنشئ صورًا ذات مظهر احترافي لمواصفات الحاسوب، القواعد، أقسام "حول"، وأكثر مع أنماط تصميم متعددة.
إنشاء صفحات اختبار طباعة قابلة للتخصيص لمعايرة الطابعة واختبار الجودة. إنشاء صفحات تحتوي على أشرطة ألوان، تدرجات رمادية، علامات محاذاة، عينات نصية، وأنماط شبكية.
إنشاء واستكشاف رموز ألوان CMYK باستخدام أشرطة تمرير تفاعلية. إنشاء ألوان CMYK مخصصة أو توليد تركيبات عشوائية. مثالي لتصميم الطباعة، العلامة التجارية، واستكشاف الألوان مع تحويل فوري إلى RGB، HEX، وغيرها من الصيغ.
إنشاء شبكات شفافية CSS قابلة للتخصيص بنمط لوحة شطرنج لعرض الصور والعناصر الشفافة.
إنشاء ملصقات تحفيزية سلبية مخصصة بإطارات سوداء كلاسيكية ونص.
إنشاء صور بصرية لاختصارات لوحة المفاتيح للدروس والوثائق. التقاط تركيبات المفاتيح، اختيار نمط Windows/Mac/عام، وتصدير كـ PNG أو JPG أو WEBP. مثالي لإنشاء أدلة المساعدة، مواد التدريب، وتوثيق البرمجيات.
تحويل أنماط CSS إلى فئات أدوات Tailwind CSS فورًا. تحويل صيغة CSS التقليدية إلى فئات Tailwind الحديثة. مثالي لترحيل المشاريع إلى Tailwind أو تعلم معادلات Tailwind لخصائص CSS.