الرئيسية
أدوات الألوان
مُحَوِّل HSL إلى RGB

مُحَوِّل HSL إلى RGB قم بتحويل قيم HSL إلى RGB باستخدام الشرائح التفاعلية ومعاينة مباشرة.

🎨

مُحَوِّل HSL إلى RGB

قم بتحويل قيم HSL إلى RGB باستخدام الشرائح التفاعلية ومعاينة مباشرة.

تعيين قيم HSL

_adjust قيمة Hue (0-360°)، و Saturation (0-100%)، و Lightness (0-100%) باستخدام الشرائح.

عرض الإخراج RGB

انظر كيف يتم تحديث قيم Red، Green، و Blue بشكل فوري.

نسخ قيم RGB

انسخ دالة rgb() في CSS لاستخدامها في مشروعك.

Loading tool...

What Is مُحَوِّل HSL إلى RGB?

مُحَوِّل HSL إلى RGB يُحَوِّل قيم لون الإشارة و التشبع والإضاءة إلى قنوات اللون الأحمر والأخضر والأزرق. هذا التحويل ضروري عندما تقوم بتصميم الألوان باستخدام نموذج HSL المتوافق مع الفهم البشري وتحتاج إلى تنفيذها في أنظمة تقبل فقط RGB، مثل بعض واجهات برمجة التطبيقات الرسومية أو أنظمة التحكم في الإضاءة أو البرامج القديمة. يسمح لك نموذج HSL بالتفكير في概念 اللون - ما هو لونه، كيف يكون متوهجاً، كيف تكون إضاءته - بينما RGB هي اللغة الأصلية للعرض الرقمي. يقوم المحول بسد الفجوة بينهما، حيث يأخذ اختيارات الألوان التي تريدها ويُنتج القيم الدقيقة للمسار اللازم لإعادة الإنتاج الرقمي. كل قناة إخراج تترواح من 0 إلى 255، مما يعطيك القيم الدقيقة المطلوبة لدوال CSS rgb () أو عمليات Canvas API أو أي نظام ألوان يعتمد على RGB.

Why Use مُحَوِّل HSL إلى RGB?

شرائح HSL متوافرة للبحث عن الألوان بشكل طبيعي
قيم قنوات RGB الدقيقة معروضة بformat كبير وقابل للقراءة
معاينة العينة الفورية تظهر الإخراج اللوني بدقة
سلسلة rgb() جاهزة للاستخدام في CSS
سريع ومجاني - لا يحتاج إلى تسجيل أو تثبيت

Common Use Cases

برمجة الرسومات

تحويل الألوان المحددة بواسطة HSL إلى RGB لاستخدامها في معلمات ألوان WebGL، Canvas، أو محركات الألعاب.

LED والأجهزة

احصل على قيم RGB للسيطرة على شرائح LED الملونة، الأنوار الذكية، أو أجهزة IoT التي تتطلب مدخلات R، G، B.

تكامل نظام الألوان

ربط الرموز التصميمية المعتمدة على HSL مع الإطارات أو النظم القديمة التي تعمل فقط بالـ RGB.

التعليم

فهم كيف يتم تحويل الخصائص الحسية للهيئات HSL إلى نموذج الألوان الإضافي RGB.

Technical Guide

خوارزمية تحويل HSL إلى RGB تُحسَب قيمة الكروما C = (1 - |2L - 1|) × S حيث يتم تطبيع S و L إلى 0-1. يتم تحديد قيمة متوسطة X = C × (1 - |(H/60) mod 2 - 1|) وهي القيمة الثانية الأكبر للألوان. بناءً على قطاع الإشارة (0-60 °، 60-120 °، إلخ)، يتم تعيين قيم RGB المؤقتة باستخدام C و X و 0. أخيرًا، يُضاف تحويل إضاءة m = L - C/2 إلى جميع القنوات، وتتم معالجة النتائج من 0-1 إلى 0-255. تقوم القطاعات الستة للإشارة بإنشاء انتقالات سلسة: 0-60 ° يمتزج بين الأحمر والأصفر، 60-120 ° يمتزج بين الأصفر والأخضر، وهكذا دوارًا حول العجلة. عند S = 0، جميع قنوات RGB تساوي L × 255 (رمادي). عند L = 0، تكون جميع القنوات 0 (أسود). عند L = 1، تكون جميع القنوات 255 (أبيض). الخوارزمية دقيقة رياضيًا وحتمية - نفس الإدخال HSL ينتج دائمًا نفس الإخراج RGB.

Tips & Best Practices

1
HSL (0, 100%, 50%) ينتج RGB (255, 0, 0) - الأحمر النقي
2
أي قيمة HSL ذات إضاءة 0% تؤدي إلى RGB (0, 0, 0) بغض النظر عن لون واشباع
3
HSL مع اشباع 0% ينتج قيم R، G، B متساوية (درجات الرمادي)
4
قيم اللون تتكرر: 361° هي نفسها 1°
5
هذا التحويل يستخدم داخليًا بواسطة المتصفحات لعرض ألوان hsl() في CSS

Related Tools

مُحَوِّل RGB إلى HEX

قم بتحويل قيم الألوان RGB إلى رموز HEX باستخدام الشرائح والمعاينة المباشرة.

🎨 Color Tools

مُحَوِّل HSL إلى HEX

احول قيم الألوان HSL إلى رموز HEX باستخدام الشرائح التفاعلية.

🎨 Color Tools

مُحَوِّل RGB إلى HSL

قم بتحويل قيم RGB إلى تنسيق لون HSL باستخدام شريحة تفاعلية.

🎨 Color Tools

محدد اللون

محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.

🎨 Color Tools

مُولِد تلطّخ الألوان

انشئ تدرجات أفتح لأي لون مع عدد خطوات قابل للتعديل.

🎨 Color Tools

Frequently Asked Questions

Q هل تحويل HSL إلى RGB دقيق؟

نعم، التحويل رياضي دقيق. قد يحدث بعض التدوير الطفيف عند تحويل النطاق من 0-1 إلى أعداد صحيحة 0-255، لكن الفرق في اللون غير ملحوظ.

Q ما هي قيم RGB التي تنتجها hsl(120, 100%, 50%)؟

تنتج rgb(0, 255, 0) - الأخضر النقي. لون 120° هو أخضر، واشباع 100% يعني اللون الكامل، وإضاءة 50% تعني لونًا نقيًا دون إضاءة أو إظلام.

Q لماذا تم إنشاء HSL إذا كانت الشاشات تستخدم RGB؟

تم تصميم HSL من أجل البشر، وليس الآلات. بينما تختلط الشاشات بالأضواء R، G، B، يفكر الناس في الألوان من حيث ما هي اللون، وكيف يكون متوهجًا، وكيف تكون明ة. HSL يتوافق مع هذا الفهم.

Q هل يمكنني تحويل قيم RGB إلى HSL بدون فقدان؟

نعم، التحويل قابل للعكس بالكامل. RGB → HSL → RGB سيعيد القيم الأصلية، مع اختلاف أقصى ±1 بسبب تدوير الأعداد الصحيحة.

About This Tool

مُحَوِّل HSL إلى RGB is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.