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

صمم ظلال مربعة ذات طبقات بشكل مرئي وانسخ CSS الجاهز للإنتاج.

قم بإنشاء تدرجات خطية وشعاعية ومخروطية مع توقفات لونية متعددة.

تحكم في كل زاوية بشكل مستقل وقم بمعاينة الأشكال والحبوب العضوية.

قم بالتحويل بين HEX وRGB وHSL وHSV باستخدام العينات الحية وتلميحات التباين.

قم بقياس نسب تباين النص وتحقق من توافق AA/AAA للنص العادي والكبير.

قم بتحويل وحدات البكسل إلى rem والعكس بحجم خط جذر قابل للتكوين.

أنشئ تخطيطات flexbox بشكل مرئي وانسخ CSS.

قم بإنشاء أعمدة وصفوف وفجوات شبكة CSS سريعة الاستجابة بشكل مرئي.

قم بإنشاء مثلثات CSS في أي اتجاه باستخدام خدعة الحدود.

قم بإنشاء بطاقات من الزجاج المصنفر مع التمويه والصبغة والحدود والظل.

تصميم أشرطة التمرير باستخدام خصائص WebKit وFirefox CSS.

قم بإنشاء رسم متحرك للإطار الرئيسي بالتلاشي والانزلاق مع توقيت قابل للتكوين.

قم بإنشاء أحجام خطوط المشبك () التي يتم تغيير حجمها بسلاسة بين إطارات العرض.

اجمع بين مرشحات التمويه والسطوع والتباين والتشبع وتدرج الألوان بشكل مرئي.

قم بإنشاء لوحات تكميلية ومتماثلة وثلاثية ورباعية من اللون الأساسي.

قم بإنشاء خمس صبغات وخمسة ظلال من أي لون أساسي.

قم بإنشاء مسارات موجة SVG سلسة لمقسمات الأقسام والخلفيات.

معاينة أزواج الخطوط الرئيسية والنصية باستخدام خطوط النظام.

انسخ مجموعات خطوط النظام الجاهزة لواجهة المستخدم والنثر.

صمم ظلال النص ذات الطبقات وانسخ CSS.