التصميم والألوان
أنشئ عناصر بصرية وافحص تباين الألوان محلياً.
مولد فواصل وأمواج SVG المتجهية
توليد فواصل أقسام الويب المتموجة مع معاينة فورية سلسة وإمكانية نسخ كود SVG أو CSS مباشرة.
مولد تأثير الزجاج المصنفر وظلال CSS المتعددة
تصميم واجهات زجاجية عصرية وظلال ناعمة متعددة الطبقات مع تصدير كود CSS نظيف.
مولد التدرجات الشبكية وخلفيات الشاشة الانسيابية
إنشاء تدرجات لونية شبكية جذابة بنقاط تحكم قابلة للسحب وتصدير صور 4K وكود CSS.
فاحص تباين ألوان الويب وفق معايير WCAG 2.2
قياس نسبة التباين بين النصوص والخلفيات واقتراح ألوان بديلة متوافقة مع معايير AA و AAA.
مستخرج لوحات الألوان الذكي من الصور
استخراج لوحات الألوان الرئيسية من أي صورة عبر خوارزميات التجميع المحلية مع تصدير أكواد الألوان.
منشئ نظام الألوان
أنشئ مقاييس أولية وأدوارًا دلالية للوضع الفاتح/الداكن من ألوان العلامة في المتصفح.
فاحص نظام الألوان
راجع نطاق sRGB/Display-P3 وأزواج WCAG 2.2 وجودة المقياس ثم اختر إصلاحات صريحة.
مولّد رموز الألوان
صدّر رموز نظام الألوان المراجعة كخصائص CSS وTailwind v4 @theme وJSON DTCG.
دليل اختيار الأدوات
استخدم مولّد الأمواج لفواصل الأقسام، ومولّد الزجاج المصنفر لبطاقات CSS، ومولّد الشبكة للخلفيات الانسيابية. انتقل إلى فاحص التباين عندما تحتاج تقييماً وفق WCAG 2.2، وإلى مستخرج لوحة الألوان عندما تحتاج رموز تصميم من صورة.
عناصر بصرية مولَّدة مقابل أزواج ألوان مدققة
أدوات الموجة والزجاج والشبكة تولّد SVG أو CSS. فاحص التباين يقيّم تباين لونين وفق WCAG 2.2. مستخرج لوحة الألوان يجمع البكسلات ولا يثبت توافق التباين.
فواصل متجهة مقابل أجواء CSS
الأمواج تُخرج هندسة SVG. الزجاج المصنفر يُخرج CSS. الشبكة ترسم حقولاً شعاعية للخلفيات.