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