توليد الصبغة والظل
Formula
زيادة L في HSL/OKLCH للصبغات؛ تقليل L للظلال.
Variables
- ر، ز، ب
- قنوات sRGB (0–255 أو 0–1 طبيعية)
- ح، س، ل
- هوى (درجة) والتشبع والخفة (0-1) في HSL
- ل
- النصوع النسبي (WCAG) أو الخفة في HSL/OKLCH
FAQ
- هل إنشاء الصبغة والظل دقيق لسير عمل الطباعة؟
- تستخدم شاشة RGB وطباعة CMYK نطاقات مختلفة. التعامل مع التحويلات كأدلة تقريبية؛ معايرة مع ملفات تعريف ICC للطباعة التجارية.
- هل يمكنني استخدام هذه الصيغة في CSS؟
- يدعم CSS الحديث color-mix() وoklch() وlab() للعديد من العمليات. بالنسبة لخطوط الأنابيب المعقدة، قم بالحساب في JavaScript وتصدير متغيرات CSS.
- هل يقوم Color DevByte بتحميل الألوان الخاصة بي؟
- لا، فالصفحات المرجعية للصيغة هي وثائق ثابتة؛ تعمل الأدوات التفاعلية بنسبة 100% من جانب العميل في متصفحك.
نظرة عامة
تفتيح أو تغميق لون البذور مع الحفاظ على اللون.
يقوم Color DevByte بتوثيق هذه الصيغة للمطورين والمصممين ومراجعي إمكانية الوصول الذين يحتاجون إلى حسابات ألوان قابلة للتكرار دون إرسال البيانات إلى الخادم.
استخدم أدوات الألوان المرتبطة لتطبيق هذه الصيغة بشكل تفاعلي من خلال المعاينة المباشرة والتصدير متعدد التنسيقات.
متى تستخدم هذه الصيغة
قم بتطبيق توليد الصبغة والظل عند إنشاء رموز التصميم المميزة، أو التحقق من تباين WCAG، أو أتمتة خطوط الألوان في CSS، أو Tailwind، أو نظام التصميم JSON.
بالنسبة لواجهة مستخدم الإنتاج، تحقق دائمًا من النتائج باستخدام مدقق التباين أو المعاينة المرئية - يمكن أن تؤدي حالات الحافة في تصحيح جاما ورسم خرائط النطاق إلى تغيير النتائج.
ملاحظات التنفيذ
يجب أن تعمل الأدوات المستندة إلى المستعرض على جعل sRGB خطيًا قبل حسابات النصوع أو ΔE.
قم بتفضيل استيفاء OKLCH أو LAB للتدرجات والسمات لتجنب نقاط المنتصف الرمادية الشائعة في مزج RGB.