محرر HSL عبر الإنترنت

محرر ألوان HSL على الويب لضبط الدرجة والتشبع والإضاءة وإنتاج قيم HEX وRGB جاهزة للاستخدام للمصممين والم developers.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support

888+

Total Calculations Run

< 15ms

Browser Execution Speed

100%

Client-Side Privacy

4.9 / 5.0

User Satisfaction

AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

عن هذه الأداة

توفر الأداة محرر HSL على الإنترنت لضبط اللون من حيث الدرجة (Hue) والتشبع (Saturation) والإضاءة (Lightness) وإخراج تمثيلات ألوان دقيقة لاستخدامها في CSS وأنظمة التصميم. تُعامل الألوان كمجموعة HSL ثلاثية (H ∈ [0,360], S ∈ [0,100%], L ∈ [0,100%])، وتُحوَّل إلى صيغ RGB وHEX للاستخدام في الشيفرة. يدخل المستخدمون H وS وL عبر حقول أو منزلقات، وتتم عملية التحقق من القيم وتقييدها إلى النطاقات الصحيحة، وتتحدّث النتائج في الوقت الحقيقي. القيمة الأساسية هي الاستدلالات متعددة-الصيغ الفورية دون الحاجة لتبديل الأداة، ما يسهل التكرار السريع لضبط العلامة وتصميم المكونات. الجمهور المستهدف يشمل مصممي الويب والمطورين الأماميين ومديري Tokens الذين يحتاجون قيم ألوان قابلة لإعادة الاستخدام في CSS وDesign Tokens. الميزات الرئيسية تشمل إدخالات متعددة الحقول، المعاينة المباشرة، الإخراج HEX/RGB في الزمن الحقيقي وإمكانية النسخ/التصدير للقيم إلى Tokens. حالات الاستخدام تشمل ضبط ألوان العلامة، فحص التباين للوصول، وتوليد Tokens ألوان متسقة لمتغيرات CSS وأدلة الأسلوب.

Save your calculation history with a free account

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

قدم أو اضبط H (0–
، S (0–100%) وL (0–100%).
راقب المعاينة المباشرة وإخراج HEX/RGB.
انسخ قيم HEX أو RGB لاستخدام CSS أو Tokens.
أضف ألفا اختيارياً للحصول على RGBA عند الحاجة.
كرر حتى تستوفي القيم معايير التصميم والوصول.

Frequently Asked Questions

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

ما الصيغ التي تُنتج؟

ينتج الأداة HEX وRGB كإعداد افتراضي، مع RGBA اختياري عند توفير قيمة ألفا. القيم جاهزة للاستخدام في CSS وDesign Tokens ووثائق الأسلوب لضمان الاتساق عبر المنصات والمكونات.

هل يمكنني تضمين الألفا؟

نعم. يمكن تحديد قناة ألفا اختيارية، مما ينتج RGBA. إذا لم يتم ذكر الألفا، تكون النتائج RGB/HEX غير شفافة. وهذا يدعم الألوان الشفافة في طبقات واجهة المستخدم وتراكباته مع الحفاظ على دلالات اللون الدقيقة.

كيف يتم التحقق من القيم؟

يتم تقييد H من 0 إلى 360، وS وL من 0 إلى 100%. الإدخالات غير الرقمية تُعالج كأخطاء وتُقيَّم إلى قيم افتراضية آمنة. تُصحح القيم خارج النطاق إلى الحد الأقرب لضمان نتائج متسقة.

هل وهو مناسب لتوكنات التصميم؟

نعم. تُصدر الأداة قيم HEX وRGB وRGBA مناسبة لتوكنات التصميم والمتغيرات CSS. تدعم تكرار سريع وتضمن الاتساق مع إرشادات العلامة والأهداف الخاصة بالوصول.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Related Tools

Other useful calculators and utilities you might like

محول Spotify إلى MP3

يحوّل ملفات الصوت المقدمة محليًا إلى MP3، مما يتيح الاستماع دون اتصال وتوافقًا عبر الأجهزة للموسيقى...

حساب المسافة بالطرق

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

حاسبة العمر

حدد عمر شخص بسرعة استناداً إلى تاريخ ميلاده مع أداتنا المجانية على الإنترنت، مناسبة للاستخدام الشخصي...

محول العملات

حوّل بسرعة مبالغ بين عملات مختلفة باستخدام محول العملات المجاني عبر الإنترنت، مثالي للمسافرين، الشرك...

ملاحظاتك تهمنا

ساعدنا على التحسن