مجموعة أدوات واحدة،
لكل مهمة تصميم
من نظرية الألوان إلى امتثال التباين - 10 أدوات مصممة للمصممين والمطورين
مولد الزوايا الدائرية
محرر نصف قطر الحدود المرئي مع معاينة في الوقت الفعلي. انسخ كود CSS مع التحكم الفردي في الزاوية.
CSS · محرر مرئيمولد الظلال
أداة إنشاء ظل الصندوق التفاعلية مع معاينة Canvas متعددة الطبقات في الوقت الفعلي ومخرجات CSS.
CSS · الطبقاتمحاكي عمى الألوان
محاكاة كيف تظهر الألوان للمستخدمين المصابين بعمى الألوان.
إمكانية الوصول · محاكاةمحول الألوان
قم بالتحويل بين HEX وRGB وHSL وCMYK وOKLCH مع التحويل الفوري ثنائي الاتجاه.
محول · جميع الأشكالعجلة الألوان
عجلة الألوان التفاعلية لاستكشاف الأشكال والتشبعات وعلاقات الألوان. انقر لتحديد وقفل الألوان.
تفاعلية · مرئيةمدقق التباين
تحقق من توافق WCAG AA/AAA فيما يتعلق بألوان النص والخلفية. احصل على تقييمات إمكانية الوصول الفورية.
إمكانية الوصول · AA/AAAمولد شبكة CSS
أنشئ تخطيطات CSS Grid بصريًا مع معاينة في الوقت الفعلي.
CSS · محرر بصرياقتران الخطوط
اكتشف أزواج الخطوط المتناغمة للعناوين والنص الأساسي من المجموعات المنسقة.
الطباعة · أكثر من 300 خطمولد التدرجات
صمم تدرجات خطية وشعاعية جميلة مع معاينة Canvas في الوقت الفعلي. انسخ كود CSS على الفور.
التدرج · تصدير CSSإعدادات التدرج المسبقة
تصفح وانسخ 15 إعدادًا مسبقًا رائعًا للتدرج.
إعدادات مسبقة · نقرة واحدةلوحة من الصورة
استخرج لوحات الألوان الجميلة من أي صورة باستخدام تقنية تكميم الألوان الذكية.
الاستخراج · ذكيمولد الألوان
أنشئ أنظمة ألوان متناغمة باستخدام الأوضاع أحادية اللون، والتكميلية، والمتماثلة، والثلاثية. معاينة في الوقت الحقيقي مع تصدير CSS.
اللون · تفاعلينظام ألوان الواجهة
قم بإنشاء لوحات رمزية كاملة للتصميم من لون بذرة واحد. تصدير إلى Tailwind أو CSS أو SCSS.
رموز التصميم · الريح الخلفية14 لغة
كل أداة، كل تسمية، كل دليل - مترجم بالكامل.
إمكانية الوصول أولاً
تتضمن كل لوحة درجات تباين WCAG. التصميم شامل من البداية.
تصدير صديق للتطوير
CSS، وTailwind، وSCSS، وJSON — انسخ التنسيق الذي يحتاجه مشروعك.