HSL to RGB Converter

يحوّل قيم اللون من HSL إلى RGB لتصميم الويب وأنظمة ألوان واجهة المستخدم وتدفقات العمل الرسومية؛ مناسب للمطورين والمصممين.

تحقق بنفسك

استدعاء الأداة عبر API تضمين في موقعك أعلن هنا

عن هذه الأداة

تقوم هذه الأداة بتحويل قيم اللون من HSL إلى RGB لاستخدامها في تطوير الويب وتصميم UI وتدفقات العمل الرسومية. تقبل Hue بدرجات من 0 إلى 360، والتشبع والسطوع في نسبة مئوية من 0 إلى 100، وتخرج قيم RGB (0–255) بالإضافة إلى رمز HEX لدمج سلس في CSS ورموز التصميم. الخوارزمية الأساسية تتبع تحويل HSL→RGB القياسي مع التقنين والتطبيع لضمان نتائج مستقرة بغض النظر عن الإدخال. يحصل المستخدمون على قيم ألوان فورية ومحددة، مما يتيح إعادة إنتاج اللون بدقة عبر المنصات. هذه الأداة قيمة لمطوري الواجهة الأمامية الذين ينشئون رموز اللون، والمصممين الذين يتحققون من تدرجات الألوان، والمطورين الذين يهاجرون مواصفات اللون بين التنسيقات. القيمة الفريدة تأتي من التحقق القوي من المدخلات ومعالجة حالات الحافة بوضوح (على سبيل المثال التدرجات الرمادية عندما S=0) وإخراج HEX دقيق ومحدد للاستخدام في الإنتاج. تشمل حالات الاستخدام توليد نظائر ويب آمنه، وتحويل لوحات المصممين إلى متغيرات CSS، والتحقق من تباين اللون وفق إرشادات التباين. يعمل الأداة بشكل مستقل عن المحلية ويقدم مخرجات RGB وHEX مفهومة عالميًا، داعمًا استخدام الألوان بشكل متسق في CSS وSVG والموارد الرسومية.

سجّل الدخول لرؤية كل استخداماتك

كيفية الاستخدام

1. أدخل Hue بالدرجات (0–360)، وSaturation وLightness بالنسب المئوية (0–100).
2. تأكد من أن القيم عددية وصحيحة؛ يدعم الكسر العشري عند الضرورة.
3. احسب التحويل إلى RGB وHEX؛ تتحدث المخرجات تلقائيًا.
4. انسخ أو خزن قيم RGB (0–255) وHEX لاستخدامها في رموز التصميم أو الشيفرة.
5. استخدم النتائج في CSS أو SVG أو تدفقات UI للحفاظ على اتساق الألوان.

الأسئلة الشائعة/موارد إضافية

اعثر على إجابات سريعة

ما هي المدخلات المطلوبة؟

ما هي المخرجات الناتجة؟

كيف يتم التعامل مع حالات الحافة؟

هل هذه المحلّلة محلية التكيفية؟

مراجعات المستخدمين

شاهد ما يقوله الآخرون