🎨 التصميم والأدوات المرئية · 28 Tools · Free · No Signup
التصميم والأدوات المرئية
Color tools, CSS generators, and visual design utilities for web developers and designers.
Browse by Tag
🎨
Featured التصميم والأدوات المرئية
Top Picksمولد ظلال الصندوق
قم بإنشاء ظل صندوق CSS مع معاينة مرئية وإخراج الكود.
مولد CSS Glassmorphism
أنشئ تأثيرات الزجاج المصنفر باستخدام فلتر الخلفية CSS.
مربع تباين الألوان
تحقق من نسب تباين الألوان للتأكد من توافقها مع معايير إمكانية الوصول WCAG.
منتقي الألوان
اختر الألوان بصريًا واحصل على قيم HEX وRGB وHSL.
مولد التدرج
أنشئ تدرجات لونية جميلة باستخدام CSS مع نقاط توقف لونية متعددة.
All
All التصميم والأدوات المرئية
28 toolsمولد ظلال الصندوق
قم بإنشاء ظل صندوق CSS مع معاينة مرئية وإخراج الكود.
مولد CSS Glassmorphism
أنشئ تأثيرات الزجاج المصنفر باستخدام فلتر الخلفية CSS.
مربع تباين الألوان
تحقق من نسب تباين الألوان للتأكد من توافقها مع معايير إمكانية الوصول WCAG.
منتقي الألوان
اختر الألوان بصريًا واحصل على قيم HEX وRGB وHSL.
مولد التدرج
أنشئ تدرجات لونية جميلة باستخدام CSS مع نقاط توقف لونية متعددة.
مولد نصف قطر الحدود
قم بإنشاء خاصية border-radius في CSS مع معاينة مرئية للزوايا.
مولد أزرار CSS
صمم وأنشئ أزرار CSS مع معاينة مباشرة.
منتقي الرموز التعبيرية
ابحث عن أي رمز تعبيري وانسخه من قائمة كاملة تضم أكثر من 3000 رمز تعبيري.
محول من HEX إلى RGB
تحويل رموز الألوان السداسية العشرية إلى قيم RGB.
مستخرج ألوان الصور
استخرج لوحة الألوان السائدة من أي صورة.
تحويل الصورة إلى فن ASCII
حوّل أي صورة إلى فن ASCII. عرض قابل للتعديل وكثافة الأحرف قابلة للتعديل.
محول بكسل إلى REM
قم بتحويل قيم البكسل إلى وحدات REM بناءً على حجم الخط الأساسي.
محول RGB إلى HEX
تحويل قيم ألوان RGB إلى رموز ألوان سداسية عشرية.
حاسبة نسبة العرض إلى الارتفاع
احسب العرض أو الارتفاع أو النسبة لنسب العرض إلى الارتفاع الشائعة (16:9، 4:3، 1:1، إلخ).
مولد الرسوم المتحركة CSS
قم بإنشاء رسوم متحركة باستخدام إطارات مفتاحية CSS بشكل مرئي وانسخ الكود.
مولد مسار قص CSS
أنشئ أشكال مسار القص CSS باستخدام المحرر المرئي.
مولد نيومورفيزم CSS
قم بإنشاء عناصر تصميم واجهة مستخدم ناعمة (نيومورفيك) باستخدام CSS.
ساحة تجارب تحويل CSS
جرب تحويلات CSS: التدوير، والتحجيم، والتشويه، والترجمة.
محاكي عمى الألوان
قم بمحاكاة كيف تبدو تصميماتك للأشخاص الذين يعانون من أنواع مختلفة من عمى الألوان.
مولد أيقونات الموقع
أنشئ أيقونات مواقع نصية بألوان وخطوط مخصصة.
معاينة اقتران الخطوط
استعرض تركيبات خطوط جوجل لمشاريع التصميم الخاصة بك.
أداة معاينة الخط
استعرض وقارن خطوط جوجل مع النصوص والأنماط المخصصة.
محول HSL
التحويل بين تنسيقات الألوان HSL و RGB و HEX.
مولد صور بديلة
قم بإنشاء صور بديلة بأبعاد وألوان مخصصة.
محول REM إلى PX
قم بتحويل وحدات REM إلى قيم بكسل بناءً على حجم الخط الأساسي.
مولد أشكال SVG
قم بإنشاء أشكال SVG بخصائص ورموز قابلة للتخصيص.
مُعلِّق لقطات الشاشة
قم بتحميل لقطات الشاشة وأضف إليها تعليقات توضيحية باستخدام الأسهم والمربعات والنصوص والتمييزات.
إضافة علامة مائية
أضف علامات مائية نصية أو صورية إلى صورك. تتم جميع عمليات المعالجة داخل المتصفح.
الأمان والتشفير
21 tools — Password generators, hash functions, encoding tools, and security util...
أدوات النصوص والكتابة
32 tools — Text manipulation, formatting, counting, and conversion tools for writ...
أدوات المطورين
37 tools — Code formatting, validation, conversion, and developer productivity to...
الرياضيات والحاسبات
22 tools — Mathematical calculations, unit conversions, financial calculators, an...
المولدات والأدوات المساعدة
20 tools — Random generators, fake data creators, and utility tools for various p...
الإنتاجية والأدوات اليومية
22 tools — Personal productivity tools, timers, planners, and organizational util...
الشبكة وأدوات الويب
15 tools — Browser information, network utilities, and web development testing to...
ألعاب ممتعة وتفاعلية
37 tools — Browser-based games, tests, and interactive challenges. All run locall...
ألعاب التفكير
60 tools — Strategy, logic, and puzzle games to challenge your mind. All games ru...
تحويل الملفات
50 tools — Convert images, documents, data and media locally in your browser. No ...
المال والميزانية
8 tools — Financial calculators, budget planners, investment tools, and money ut...
الموسيقى والصوت
8 tools — Metronome, instrument tuner, chord generator, and music theory tools. ...
الصحة واللياقة
9 tools — Health calculators, fitness tools, and wellness utilities to help you ...
الطعام والتغذية
6 tools — Cooking measurements, nutrition calculators, diet planning tools, and ...
المهنة والأعمال
5 tools — Salary tools, invoice generators, freelance calculators, and business ...
السفر والجغرافيا
5 tools — Time zones, jet lag calculators, travel budgets, and geography tools f...
المنزل والحياة
4 tools — Home improvement calculators, electricity costs, paint estimators, and...
اليقظة الذهنية والعافية
4 tools — Meditation timers, breathing exercises, mood tracking, and wellness to...
الأبوة والأطفال
4 tools — Pregnancy calculators, baby sleep schedules, child growth tracking, an...
المالية الإسرائيلية
4 tools — Israeli tax calculators, net salary (neto/bruto), Bituach Leumi, and l...
البيئة والإيكولوجيا
4 tools — Carbon footprint, water usage, energy savings, and sustainability calc...
الإبداع والفنون
4 tools — Story generators, color tools, writing aids, and creative prompts for ...
التعلم والدراسة
5 tools — GPA calculators, grade converters, study schedules, and academic tools...