7 أدوات جاهزة
أدوات التصميم
افحص الألوان والتباين قبل اعتماد تصميمك.
لم نجد أداة تطابق بحثك. جرّب كلمة أخرى.
تحويل صيغ الألوان
حوّل لونًا بين HEX وRGB وHSL مع alpha ومعاينة من القيم المتحققة.
فحص تباين الألوان
احسب نسبة التباين بين لونين معتمين ونتائج AA وAAA للنص وفق WCAG 2.2.
إنشاء تدرج ألوان CSS
أنشئ تدرجًا خطيًا أو شعاعيًا دائريًا من ألوان ومواضع محددة، مع معاينة وملف CSS.
إنشاء ظلال CSS
كوّن طبقات box-shadow داخلية أو خارجية، مع معاينة وناتج CSS قابل للنسخ والتنزيل.
منشئ Grid وFlex
ولّد تخطيط CSS محدودًا ومعاينة بعناصر مرقمة ومثال HTML ثابت قابل للتنزيل.
حاسبة نسبة الأبعاد
بسّط نسبة عددين صحيحين بدقة، أو احسب عرضًا أو ارتفاعًا مفقودًا من نسبة وبعد معروف.
تحويل PX وREM
حوّل بين PX وREM في الاتجاهين باستخدام حجم خط جذر صريح، مع سياسة تقريب واضحة.