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

محوّل HEX إلى RGB: حوّل رموز ألوان HEX إلى RGB، واعرض اللون نفسه بصيغ HSL وHSV وCMYK وOKLCH مع اسمه.
محوّل RGB إلى HEX: حوّل ألوان rgb(…) إلى رموز HEX، إلى جانب كل صيغ الألوان الأخرى.
محوّل HEX إلى HSL: حوّل ألوان HEX إلى HSL، مع درجات أفتح وأغمق.
فحص تباين الألوان: افحص ألوان النص والخلفية وفق معايير WCAG AA/AAA، واحصل على أقرب الألوان التي تجتاز الفحص.
محاكي عمى الألوان: شاهد صورة أو ألوانك كما يراها المصابون بعمى الألوان.
مولّد لوحات الألوان: أنشئ مخططات ألوان، وثبّت الألوان التي تعجبك، واستخرج لوحة ألوان من صورة، وافحص تباين النص.
مولّد الخلفيات المتدرجة: صمّم تدرجات خطية وشعاعية ومخروطية وشبكية، واختر من معرض جاهز، وانسخ شيفرة CSS أو نزّل خلفية.
مولّد Glassmorphism: أنشئ بطاقات بتأثير الزجاج المصنفر مع معاينة مباشرة وانسخ شيفرة CSS.
مولّد Neumorphism: أنشئ أزرارًا وبطاقات ناعمة بمظهر ثلاثي الأبعاد (soft UI) وانسخ شيفرة CSS.
مولّد أنماط CSS: خطوط ونقاط وشبكات ورقعة شطرنج وتعرجات والمزيد كخلفيات CSS خالصة أو SVG.
مولّد أشكال SVG: نجوم ومضلعات وشارات وأشكال انفجارية بصيغة SVG أو PNG.
مولّد الأشكال العضوية SVG: أشكال عضوية عشوائية للخلفيات والرسوم التوضيحية، بصيغة SVG أو PNG.
مولّد الموجات SVG: موجات متعددة الطبقات لفواصل الأقسام والخلفيات، بصيغة SVG أو PNG أو CSS.
صانع فن البكسل: ارسم فن البكسل على شبكة مع وضع المرآة والتعبئة والتراجع، ونزّل صورة PNG حادة.
مولّد فن ASCII: حوّل النص إلى حروف ASCII كبيرة (خطوط كثيرة)، أو حوّل صورة إلى فن ASCII.
مولّد أيقونات المواقع والتطبيقات: كل مقاسات الأيقونات من صورة واحدة: favicon.ico وأيقونة Apple touch وأيقونات Android وPWA، مع شيفرة HTML.
معاينة أيقونة الموقع: اعرف كيف تبدو أيقونتك في علامات تبويب المتصفح (الفاتح والداكن) والإشارات المرجعية ونتائج Google والشاشات الرئيسية للهواتف.
صانع لافتات التواصل الاجتماعي: أنشئ لافتات YouTube وLinkedIn وX وFacebook بالمقاسات الدقيقة مع إظهار المناطق الآمنة.
إطار صورة الملف الشخصي: أضف حلقة ملونة ونصًا منحنيًا (مثل HIRING أو اسم فعالية) حول صورة ملفك الشخصي.
أداة تنسيق الخطوط: أزواج مختارة بعناية من خطوط العناوين والنصوص، بما فيها العربية، مع معاينة مباشرة وشيفرة CSS.
مصمّم رموز QR: رموز QR مخصّصة: ألوان وتدرجات وأشكال للنقاط والزوايا وشعار وإطار «امسحني».
منشئ الشعارات ومولد شعارات الأعمال: اصنع شعارا بسيطا من اسم وأيقونة وألوانك، وحمّله بصيغة SVG أو PNG.
مولد درجات الألوان الفاتحة والداكنة: درجات أفتح وأغمق وألوان أهدأ لأي لون، مع متغيرات CSS.
خالط الألوان: امزج لونين بأي نسبة واعرض النتيجة بصيغ HEX وRGB وHSL وOKLCH.
عجلة الألوان والتناسقات: ألوان متتامة ومتجاورة وثلاثية وغيرها من أنظمة الألوان من عجلة الألوان.
شبكة تباين الألوان: افحص كل زوج نص وخلفية في لوحتك مقابل WCAG دفعة واحدة.
أسماء ألوان CSS: كل أسماء ألوان CSS الـ 148 مع رموزها، وأقرب اسم لأي لون.
كلفن إلى RGB (حرارة اللون): حوّل حرارة لون الإضاءة (2700 K أو 6500 K…) إلى لون HEX وRGB.
مولد لوحة ألوان Tailwind: أنشئ تدرج ألوان Tailwind CSS من 50 إلى 950 انطلاقا من لون علامتك، لـ v3 أو v4.
مولد لوحة ألوان Material: لوحات ألوان نغمية بأسلوب Material 3 وأدوار ألوان فاتحة وداكنة من لون أساسي واحد.
مولد مقياس الظلال: أنشئ مجموعة ظلال صناديق متناسقة (مستويات الارتفاع) كمتغيرات CSS.
مولد تدرج الألوان: درجات سلسة بين لونين للرسوم البيانية والخرائط والتدرجات.
مولد النص المتدرج: اصنع نصا بتدرج ألوان باستخدام CSS، أو حمّله كـ PNG شفاف.
استخراج الألوان من صورة: اعثر على الألوان الرئيسية في صورة أو شعار، مع نسبة كل منها.
فاحص لوحة ألوان آمنة لعمى الألوان: تحقق إن كان المصابون بعمى الألوان يميزون بين ألوان لوحتك.
مولد ألوان عشوائية: ألوان عشوائية زاهية أو باستيل أو داكنة أو ترابية، مع الأسماء ورموز HEX والقفل.