Hue
يمثل درجة اللون على عجلة الألوان، وتتراوح قيمته عادةً بين 0 و360 درجة.
Developer Tools
HEX to HSL
حوّل ألوان HEX إلى HSL بسرعة ودقة مباشرة من المتصفح.
HEX Color
HEX #
أدخل لون HEX مثل #3498DB أو استخدم منتقي الألوان.
جاهز للتحويل
أدخل لون HEX ثم اضغط على تحويل إلى HSL.
HSL Result
HSL
hsl(0, 0%, 0%)
Hue 0°
Saturation 0%
Lightness 0%
CSS
color: hsl(0, 0%, 0%);
HEX #3498DB
Hue 0°
Saturation 0%
الحالة جاهز
خصوصية كاملة
تتم جميع عمليات تحويل الألوان داخل المتصفح مباشرة، ولا يتم إرسال قيم الألوان إلى أي خادم خارجي.
HEX TO HSL
ما هو تحويل HEX إلى HSL؟
أداة تساعد المطورين والمصممين على تحويل قيم الألوان من نظام HEX إلى نظام HSL بسهولة.
Saturation
يحدد مدى تشبع اللون وقوته، ويتم التعبير عنه كنسبة مئوية.
Lightness
يحدد مستوى إضاءة اللون من الأسود إلى الأبيض ويتم التعبير عنه كنسبة مئوية.
HOW IT WORKS
كيفية استخدام HEX to HSL
1
أدخل لون HEX
اكتب قيمة HEX مثل #3498DB أو اختر اللون باستخدام منتقي الألوان.
2
ابدأ التحويل
اضغط على زر تحويل إلى HSL للحصول على القيم الجديدة فوراً.
3
انسخ النتيجة
انسخ قيمة HSL أو كود CSS واستخدمه مباشرة في مشروعك.
FAQ
الأسئلة الشائعة
ما هو نظام HSL؟
HSL هو نظام لتمثيل الألوان يعتمد على Hue وSaturation وLightness، أي درجة اللون والتشبع والإضاءة.
كيف أحول HEX إلى HSL؟
أدخل قيمة HEX مثل #3498db ثم اضغط على زر تحويل HEX إلى HSL للحصول على القيم المقابلة مباشرة.
هل الأداة تدعم HEX المختصر؟
نعم، الأداة تدعم صيغ HEX القياسية المكونة من 6 أحرف، كما تدعم الصيغة المختصرة المكونة من 3 أحرف مثل #fff.
هل يتم إرسال اللون إلى الخادم؟
لا. تتم جميع عمليات التحويل داخل المتصفح باستخدام JavaScript، ولا يتم إرسال قيمة اللون إلى خادم خارجي.