أدوات التصميم
أدوات سريعة لتصميم الواجهات الأمامية والتصميم المرئي، مع CSS جاهز للنسخ وفحوصات لإمكانية الوصول تستند إلى صيغة التباين في WCAG.
7 أداة
الأدوات في هذه الفئة
- محول الألوانحوّل الألوان بين HEX وRGB وHSL وHWB وOKLCH وCMYK التقريبي. الصق أي لون CSS أو استخدم أداة اختيار الألوان، ثم انسخ كل صيغة. تعمل الأداة في متصفحك.
- مدقق التباينتحقّق من نسبة تباين WCAG 2.2 بين النص والخلفية، واطّلع على نتائج AA وAAA للنص وعناصر واجهة المستخدم، واحصل على أقرب لون مستوفٍ للمتطلبات.
- مولد تدرجات CSSأنشئ تدرجات CSS خطية وشعاعية ومخروطية مع نقطتي توقف إلى ست نقاط، وحدّد الزاوية والمواضع، واعرض معاينة مباشرة وانسخ CSS للخلفية.
- مولد ظلال الصناديقصمّم ظلال CSS متعددة الطبقات، واضبط الإزاحة والتمويه والانتشار واللون والشفافية والظل الداخلي. عاينها على أي خلفية وانسخ CSS الخاص بـ box-shadow.
- مولد لوحات الألوانأنشئ لوحات ألوان متكاملة أو متجاورة أو ثلاثية أو رباعية أو تكميلية منقسمة، أو لوحات للظلال، انطلاقاً من لون واحد. ثبّت الألوان، ثم انسخها بصيغة HEX أو CSS أو JSON.
- محوّل PX إلى REMحوّل px إلى rem أو em والعكس، مع اختيار حجم خط الجذر (الافتراضي 16px). يتضمن جدولًا للأحجام الشائعة، ويحوّل قيم px في مقاطع CSS كاملة.
- حاسبة نسبة الأبعاداعثر على العرض أو الارتفاع المفقود لأي نسبة أبعاد، وبسّط أبعادًا مثل 1920×1080 إلى 16:9، وعاين الشكل وانسخ قاعدة CSS aspect-ratio.