انتقل إلى المحتوى
WoowTools

أدوات تصميم مجانية أونلاين: مولّد لوحة الألوان وصانع الشعار والمزيد

أنشئ لوحات ألوان وتدرجات، افحص التباين، التقط الألوان من الصور، واصنع الشعارات والأفاتار والموكاب والأنماط وهوية العلامة.

12 أداة

مولد لوحات الألوانأنشئ لوحات ألوان من قواعد تناسق الألوان أو من صورة. اعرض الدرجات والتباين والتدرجات، وصدّر إلى CSS وSCSS وTailمولد الأنماطأنشئ أنماط خلفية متصلة بلا فواصل: نقاط، شبكة، خطوط، رقعة شطرنج، متعرج، أمواج، مثلثات، علامات زائد، سداسيات، دومدقق تباين الألوانافحص نسبة التباين بين لون النص ولون الخلفية وفق معايير WCAG AA وAAA للنص العادي والنص الكبير ومكونات الواجهة، مولد الصور الرمزيةأنشئ صورا رمزية افتراضية من اسم أو بريد إلكتروني: أحرف أولى أو أشكال هندسية أو beam أو بكسل، دائرية أو مستديرةمولد مقياس الطباعةأنشئ مقياس خطوط معياريًا من حجم أساسي ونسبة، مع نسبة أصغر للجوال. عاين المقياس بخطك وصدّر أحجام الخطوط بصيغة Cمولّد النماذج (Mockup)ضع لقطات الشاشة داخل نافذة متصفح أو إطار حاسوب محمول أو هاتف أو جهاز لوحي على خلفية ملونة. أضف نص شريط العنوانصانع الشعاراتاكتب اسم علامتك واختر المجال والنمط والألوان واحصل على عشرات أفكار الشعار. عدّل الخطوط والأيقونات والألوان ونزمولد لوحات الألوان المتدرجةأنشئ سلّما لونيا ناعما من لون أساسي أو بين عدة ألوان. انسخ أي عينة، واحصل على CSS للتدرج، وصدّر إلى CSS أو Taiمولد نظام الشبكة في CSSأنشئ شبكة أعمدة متجاوبة بنقاط توقف وأعمدة وفواصل وهوامش وعرض أقصى تحددها بنفسك. صدّر CSS أو أصنافا مساعدة أو إمولد أشكال Blob بصيغة SVGأنشئ أشكالا عضوية عشوائية (Blob) للخلفيات والرسوم. اضبط التعقيد والعشوائية، واختر تعبئة مصمتة أو متدرجة أو حدومولد هوية العلامة التجاريةأنشئ هوية بصرية بسيطة من اسم علامتك ولون واحد: لوحة ألوان متناسقة، وزوج خطوط، ونمط زوايا، ومعاينة مباشرة، ودليImage Color PickerPick any colour from an image with a zoom lens and get its HEX, RGB and HSL codes, plus the image's main colou

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

أدوات تصميم للألوان والشعارات والتخطيط

يبدأ التصميم الجيد بقرارات قليلة: أي الألوان تستخدم، وكيف يتدرج حجم النص، وكيف تبدو العلامة التجارية. تساعدك أدوات التصميم المجانية هذه على اتخاذ هذه القرارات بسرعة في متصفحك، ثم نسخ الأكواد أو تنزيل الملفات.

الألوان والخطوط

العلامة التجارية والرسومات

اصنع شعارًا بسيطًا، أو هوية علامة كاملة، أو أفاتار، أو موكاب لجهاز. للخلفيات والأشكال جرّب مولّد الأنماط ومولّد أشكال SVG. للتدرجات والظلال وأكواد CSS الأخرى راجع أدوات CSS، ولتعديل الصور أدوات الصور.

نصائح

  • اكتفِ في اللوحة ببضعة ألوان رئيسية مع ألوان محايدة للنص والخلفية.
  • افحص كل زوج من النص والخلفية بأداة التباين قبل النشر.
  • احفظ الشعار بصيغة SVG أو PNG شفاف ليناسب أي خلفية.