Tiny Online Tools
ادوات التصميم
ادوات CSS وتصميم مجانية عبر الانترنت لانشاء التدرجات والظلال والالوان والانماط الطباعية لمشاريعك.
منشئ الألوان العشوائية
أنشئ لوحات ألوان عشوائية مع قواعد التناسق.
مولد التدرجات
أنشئ تدرجات CSS بصريًا مع معاينة مباشرة.
منشئ Box Shadow
أنشئ ظلال CSS بصرياً مع معاينة مباشرة.
منشئ Border Radius
تحكم في تدوير الزوايا بصرياً وانسخ كود CSS.
منشئ CSS Clip-Path
أنشئ أشكال CSS clip-path مع معاينة مباشرة.
فاحص تقابل الألوان
تحقق من نسب تقابل الألوان وفق معيار WCAG 2.1 لإمكانية الوصول.
معاينة الخطوط
عاين خطوط Google Fonts مع نص مخصص وخيارات تنسيق.
منشئ أزواج الخطوط
اكتشف توليفات Google Fonts لمشاريعك.
مولد ظلال النص
أنشئ تأثيرات CSS text-shadow مع معاينة مباشرة.
أداة تباعد الحروف
اضبط واعرض CSS letter-spacing مع مؤشرات للقراءة.
حاسبة ارتفاع السطر
احسب ارتفاع السطر المثالي لقراءة أفضل في الطباعة.
مولد CSS Grid
أنشئ تخطيطات CSS Grid متجاوبة مع معاينة مباشرة وكود جاهز للنسخ.
مولد Flexbox
أنشئ تخطيطات CSS مرنة مع معاينة مباشرة وكود جاهز للنسخ.
مولد حركات CSS
أنشئ حركات CSS قابلة لإعادة الاستخدام مع معاينة حركة مباشرة وkeyframes جاهزة للنسخ.
مولد CSS Keyframes
أنشئ keyframes مخصصة في CSS بشكل مرئي مع معاينة مباشرة وكود جاهز للنسخ.
مولد النص المتدرج CSS
أنشئ أنماط نص متدرج باستخدام عناصر تحكم مرئية ومعاينة مباشرة وكود CSS جاهز للنسخ.
مولِّد لوحة الألوان
إنشاء لوحات ألوان متناسقة من لون أساسي واحد.
مستخرج لوحة التدرج اللوني
استخراج ألوان التدرج من الصور مباشرةً في متصفحك.
محوِّل HEX إلى Tailwind
تحويل ألوان HEX إلى أقرب فئات ألوان Tailwind CSS.
مولِّد ألوان Tailwind
إنشاء تدرجات ألوان Tailwind CSS مخصصة من لون أساسي.
مولِّد متغيرات CSS
إنشاء خصائص CSS المخصصة (المتغيرات) لألوانك ومقاسات التصميم.
مولِّد لوحة الظلال
إنشاء أنماط ظل CSS متسقة ومتدرجة لواجهات المستخدم.
مولِّد تأثير الزجاجية
إنشاء أكواد CSS لتأثير الواجهة الزجاجية (Glassmorphism).
مولِّد نيومورفيزم
إنشاء أكواد CSS لتأثير الواجهة الناعمة (Neumorphism).
مولِّد الحدود المتدرجة
إنشاء أكواد CSS للحدود ذات التدرج اللوني.
حاسبة نسبة العرض إلى الارتفاع
حساب وتحويل نسب أبعاد الصور والفيديوهات.
قائمة الألوان العشوائية
إنشاء قوائم ألوان عشوائية بصيغ HEX وRGB وHSL.