tints and shades
1.0.0
يستخدم هذا المشروع مولد الموقع الثابت برفقة وينشر في صفحات github باستخدام إجراء github من Shohei Ueda.
المتطلبات الأساسية: node.js 14+
npm install .npm run start .localhost:8080 في متصفحك. الغرض من هذه الأداة هو إنتاج صبغات بدقة (إضافة بيضاء نقية) والظلال (إضافة أسود نقي) من لون سداسي معين بزيادات 10 ٪.
يستغرق الرياضيات على محمل الجد. في تجربتي ، احصل على أدوات مماثلة للحساب غير صحيح بسبب أخطاء التقريب أو تفضيلات الخالق أو غيرها من التناقضات.
يوضح الاختبار أن الإخراج يطابق طريقة حساب Chrome DevTools بالإضافة إلى بعض الطرق الراسخة وشائعة لاشتقاق الصبغات والظلال عبر SASS.
من الأفضل استخدامه عندما يكون لديك بالفعل بعض الألوان الأساسية ولكنه ترغب في الحصول على ألوان مجانية للتدرجات أو الحدود أو الخلفيات أو الظلال أو العناصر الأخرى.
يعد هذا مفيدًا للمصممين الذين قد يتواصلون إلى نية الألوان للمطورين الذين يستخدمون Sass أو PostCSS في بنياتهم. إنها أيضًا طريقة قوية لمعاينة ما تبدو عليه الصبغات والظلال بالنسبة للون الأساسي الذي قد تفكر فيه في تصميمك.
لقد سمعت أيضًا أنها مفيدة للمعلمين ومحترفي البيانات والأشخاص الذين يقدمون العروض التقديمية.
يتم تحويل لون السداسي المعطى أولاً إلى RGB. ثم كل مكون من لون RGB لديه الحساب التالي الذي تم إجراؤه عليه ، على التوالي.
New value = current value + ((255 - current value) x tint factor)New value = current value x shade factorيتم تقريب القيمة الجديدة إذا لزم الأمر ، ثم يتم تحويلها إلى Hex للعرض.
دعنا نقول أننا نريد صبغات وظلال ريبيكا بيربل ، #663399.
102 + ((255 - 102) x .1) = 117.3 ، مدور إلى 11751 + ((255 - 51) x .1) = 71.4 ، مدور إلى 71153 + ((255 - 153) x .1) = 163.2 ، مدور إلى 163102 x .9 = 91.8 ، مدور إلى 9251 x .9 = 45.9 ، مدور إلى 46153 x .9 = 137.7 ، مدور إلى 138هذا المشروع مفتوح المصدر وأحب مساعدتك!
إذا لاحظت وجود خطأ أو تريد إضافة ميزة ، فيرجى تقديم مشكلة على GitHub. إذا لم يكن لديك حساب هناك ، فما عليك سوى إرسال التفاصيل عبر البريد الإلكتروني.
إذا كنت مطورًا وترغب في المساعدة في المشروع ، فيرجى التعليق على المشكلات المفتوحة أو إنشاء واحدة جديدة والتواصل مع نواياك. بمجرد أن نتفق على مسار إلى الأمام ، يمكنك فقط تقديم طلب سحب ونقله إلى خط النهاية.
سيكون مولد Tint & Shade حراً ولكن دعمكم موضع تقدير كبير.
قام مايكل إيدلستون بتصميم وتنظيم المشروع بمساعدة كبيرة من نيك وينج على حسابات الألوان.
نستخدم هذه المكتبات المفتوحة مفتوحة المصدر عبر المشروع:
شكراً جزيلاً لجويل كار ، سيباستيان جوتيريز ، تيم سكالزو ، أمان أغاروال ، ألكساندر هوفهانيسيان ، شوبهيندو سين ، ولويس إسكاريلا على مساهماتهم القيمة.
