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