التصنيفات
التصميم والموارد
توليد ألوان وCSS وأصول تصميم خفيفة. هذه المجموعة تجمع صفحات سريعة ومركزة لحل مهمة واحدة بوضوح.
75 أدوات
Contrast فاحص
احسب نسبة تباين WCAG بين لونين.
SVG إلى Base64
حوّل SVG markup into Base64 و data URI إخراج.
SVG إلى Data URI
حوّل ترميز SVG إلى data URI جاهز لـ CSS.
SVG محسن
أزل التعليقات وقلّص المسافات البيضاء في ترميز SVG.
حاسبة Aspect Ratio
احسب نسب الأبعاد المبسطة وقيم CSS aspect-ratio.
صورة إلى Favicon Pack
أنشئ حزمة PNG بحجم favicon من صورة مرفوعة داخل المتصفح.
صورة علامة مائية
أضف نصًا فوق صورة محليًا وصدّر النتيجة.
صورة لوحة مستخرج
استخرج الألوان الغالبة من صورة مرفوعة بالكامل داخل المتصفح.
صورة مرشح Studio
طبّق مرشحات اللون والتمويه داخل المتصفح على صورة مرفوعة.
عارض SVG
عرض شفرة SVG الخام مباشرة في المتصفح.
محول لون
حوّل بين تنسيقات الألوان HEX وRGB وHSL.
مصغر CSS
صغّر CSS بإزالة التعليقات والمسافات البيضاء الزائدة.
منسق CSS
نسّق CSS بشكل مقروء مع مسافة بادئة واضحة.
منسق SVG
Format SVG markup مع consistent indentation.
مولد Article Schema
إنشاء Article JSON-LD schema.
مولد Barcode
إنشاء barcode images لـ product IDs و codes.
مولد border-radius
إنشاء CSS للزوايا المنحنية من قيم الزوايا الفردية.
مولد Box Shadow
أنشئ قيم CSS box-shadow بإزاحات وتغبيش مخصصين.
مولد Breadcrumb Schema
إنشاء JSON-LD breadcrumb schema.
مولد CSS Button
إنشاء styled CSS زر code.
مولد CSS Clamp
أنشئ قيم CSS clamp() مرنة للطباعة.
مولد CSS Gradient
إنشاء تدرج لوني خطي ونسخ CSS فورًا.
مولد CSS Gradient نص
إنشاء CSS لـ gradient-colored نص.
مولد CSS Grid
أنشئ تخطيطات CSS Grid مع الأعمدة والفجوات وأحجام الصفوف.
مولد CSS Transform
أنشئ سلاسل CSS transform من قيم transform الشائعة.
مولد CSS لأزرار الإطار الخارجي (Outline)
إنشاء CSS بسيط لأزرار الإطار الخارجي.
مولد CSS لأشكال Blob
إنشاء أشكال Blob عضوية باستخدام CSS.
مولد CSS لأكورديون
إنشاء CSS لألواح الأكورديون.
مولد CSS لألسنة دائرية (Tab-Pills)
إنشاء CSS لألسنة دائرية الشكل.
مولد CSS لإشعارات التوست
إنشاء أنماط CSS لإشعارات التوست.
مولد CSS لإطار متدرّج اللون
إنشاء أنماط CSS لإطارات بتدرج لوني.
مولد CSS لبطاقات التسعير
إنشاء أنماط CSS لبطاقات التسعير.
مولد CSS لبطاقات الشريط (Ribbon)
إنشاء CSS لبطاقات مع شارة شريطية.
مولد CSS لتأثير مرور البطاقة
إنشاء مقتطف CSS لتأثيرات hover على البطاقات.
مولد CSS لتدرجات الشبكة
إنشاء CSS لخلفيات بتدرج شبكة Mesh.
مولد CSS لتراكب التشويش
إنشاء أنماط CSS لتراكبات التشويش.
مولد CSS لجداول الحمار الوحشي
إنشاء CSS لشرائط الحمار الوحشي للجداول.
مولد CSS لحلقة التركيز
إنشاء CSS يسهل الوصول إليه لحلقات التركيز.
مولد CSS لخلفيات النوافذ المنبثقة (Modal)
إنشاء تأثيرات CSS لخلفيات النوافذ المنبثقة.
مولد CSS لخلفيات الهيرو
إنشاء CSS لخلفيات الهيرو.
مولد CSS لزر الهامبرغر
إنشاء أنماط CSS لأزرار قائمة الهامبرغر.
مولد CSS لشارات على شكل حبوب (Pill)
إنشاء CSS لأنماط شارات على شكل حبوب.
مولد CSS لشريط التقدم
إنشاء مكونات CSS لأشرطة التقدم.
مولد CSS لشريط التمرير
إنشاء CSS لأشرطة تمرير مخصصة.
مولد CSS لشعارات الماركيه المتحركة
إنشاء CSS لشعارات الماركيه المتحركة.
مولد CSS لظل النص
إنشاء CSS لظل النص بسرعة ومباشرة.
مولد CSS لفاصل الموجة
إنشاء مقاطع CSS وSVG لفواصل موجية.
مولد CSS للتولتيب
إنشاء مقتطفات CSS للتولتيب.
مولد CSS للجدول الزمني
إنشاء CSS لجداول زمنية عمودية.
مولد CSS للروابط ذات الخط السفلي
إنشاء CSS لتأثيرات التسطير المتحركة على الروابط.
مولد CSS للسبينر-لودر
إنشاء مقتطفات CSS للسبينر-لودر.
مولد CSS للهيكل العظمي-لودر
إنشاء مقتطفات CSS للهيكل العظمي-لودر.
مولد CSS للوحة النيومورفيزم
إنشاء CSS للوح في نمط النيومورفيزم.
مولد CSS للوحة زجاجية
إنشاء CSS للوحات بأسلوب Glassmorphism.
مولد CSS لمؤشرات الحالة
إنشاء CSS لشارات الحالة الحية.
مولد CSS لمزلاج النطاق
إنشاء CSS مخصص لمزلاج النطاق.
مولد CSS لمفتاح التبديل
إنشاء أنماط CSS لمفاتيح التبديل.
مولد CSS لمكدس الصور الرمزية
إنشاء مكدسات صور رمزية متداخلة باستخدام CSS.
مولد CSS لنمط النقاط
إنشاء أنماط CSS لخلفيات منقطة.
مولد CSS مرشح
أنشئ قيم CSS للفلاتر مع معاينة للتأثير البصري.
مولد Email Signature
أنشئ كتلة توقيع بريد إلكتروني احترافية.
مولد Event Schema
إنشاء Event JSON-LD structured data.
مولد Favicon
أنشئ favicon SVG بسيطًا من الأحرف الأولى وألوان العلامة التجارية.
مولد Flexbox
أنشئ CSS لحاوية flex مع معاينة تخطيط مباشرة.
مولد Floating Label إدخال CSS
إنشاء floating label إدخال CSS.
مولد Local Business Schema
إنشاء LocalBusiness JSON-LD schema.
مولد Placeholder SVG
أنشئ صور SVG بديلة قابلة للتخصيص.
مولد Product Schema
إنشاء Product JSON-LD schema markup.
مولد QR Code
إنشاء QR code صورة links لـ URLs و نص.
مولد Robots Meta وسم
إنشاء robots meta وسوم لـ indexing controls.
مولد Shadow لوحة
إنشاء a 5-step CSS shadow scale.
مولد Twitter Card
إنشاء Twitter بطاقة meta وسوم لـ صفحات.
مولد شبكة الأساس
إنشاء قيم شبكة الأساس وCSS لإيقاع عمودي نظيف.
مولد لوحة الألوان
إنشاء تدرجات أفتح وأغمق من لون أساسي.
مولد مثلث CSS
إنشاء مثلثات CSS للسهام والمؤشرات الصغيرة.