مولّد تدرجات Tailwind من HEX
مولّد تدرجات Tailwind من HEX. تدعم هذه الأداة هذا السيناريو والسيناريوهات ذات الصلة — بما في ذلك إنشاء لوحة أحادية اللون من لون واحد و توليد نظام ألوان متكامل للموقع الإلكتروني — بالكامل في متصفحك، دون تسجيل أو رفع ملفات.
إنشاء مقياس لوني من الفاتح إلى الداكن لواجهة المستخدم
إنشاء مقياس لوني من الفاتح إلى الداكن لواجهة المستخدم. سواء كنت تعمل مع بيانات API أو ملفات الإعداد أو السجلات، تتم كل المعالجة محلياً. المهام مثل توليد نظام ألوان متكامل للموقع الإلكتروني مدعومة أيضاً.
توليد متغيرات Sass للون Bootstrap الأساسي
توليد متغيرات Sass للون Bootstrap الأساسي. يمكنك أيضاً استخدام هذه الأداة لـ مولّد لوحة ألوان متماثلة للعلامة التجارية و توليد نسق الوضع الداكن من HEX. تظهر النتائج فوراً — دون أي اتصال بالخادم.
مولّد تدرج CSS من لوني HEX
مولّد تدرج CSS من لوني HEX. هذا أحد السيناريوهات العديدة المدعومة. يمكنك أيضاً توليد نسق الوضع الداكن من HEX دون مغادرة الصفحة أو إنشاء حساب.
توليد زوج تباين ألوان يمكن الوصول إليه لـ WCAG
توليد زوج تباين ألوان يمكن الوصول إليه لـ WCAG. تتم كل المعالجة على جهازك، مما يضمن خصوصية بياناتك. تشمل القدرات ذات الصلة إنشاء لوحة أحادية اللون من لون واحد و توليد نظام ألوان متكامل للموقع الإلكتروني.
نظرة عامة
كيفية استخدام هذه الأداة
حالات الاستخدام الشائعة
rgba(0, 229, 255, 0.5))؛ توحِّد فرق أنظمة التصميم لوحة الألوان وتُصدِر كود متغيرات CSS؛ تعديل درجة اللون في التراكب أو القناع أو حالة التمرير؛ تحويل الألوان من مواصفات التصميم إلى كود CSS كامل؛ التكرار على خيارات الألوان أثناء بناء ميزة تبديل السمة.التفاصيل التقنية
#RRGGBBAA حيث تكون AA هي التمثيل السداسي لألفا (0.5 → 7f)، وهو مدعوم في CSS Color Module Level 4. تستخدم ألفا في RGBA رقماً عشرياً بين 0 و 1. يستخدم مقطع متغير CSS العنصر النائب --color — أعد تسميته حسب الحاجة. يدعم HEX التوسيع التلقائي لثلاث خانات إلى ست خانات. العيِّنات المُعدَّة مسبقاً مجموعة نابضة بالحياة تُستخدم عادةً في التصميم.