محوّل رموز الألوان — مجاني على الإنترنت
حوّل الألوان بين HEX وRGB وHSL وHSV وCMYK.
Who uses the محوّل رموز الألوان?
- مطوّرو الواجهة الأمامية الذين يحوّلون عينة HEX من أداة تصميم إلى RGB أو HSL لمتغير CSS.
- الطلاب الذين يتعلمون كيف يمثّل HEX وRGB وHSL اللون نفسه بطرق مختلفة.
- المصممون الذين يتحققون من قيمة لون منسوخة من دليل أسلوب أو لقطة شاشة.
How the محوّل رموز الألوان works
اختر تبويبًا — HEX أو RGB أو HSL — يطابق صيغة لونك.
أدخل القيمة: رمز HEX مثل #FF5733، أو حقول رقمية R/G/B أو H/S/L.
تتحدث الصيغتان الأخريان وعينة اللون تلقائيًا أثناء الكتابة.
اقرأ قيم HEX وRGB وHSL من سطر النتيجة أسفل العينة.
Tips & tricks
- بدّل التبويب حسب صيغة الإدخال لديك — الحقول تحت كل تبويب مستقلة وليست حقل إدخال شامل واحد.
- تتحدث العينة مباشرة، ما يتيح لك التحقق بصريًا من قيمة محوّلة قبل نسخها.
- غالبًا ما يكون HSL أسهل لضبط سطوع أو شدة اللون — ارفع L للتفتيح، وقلّل S للتخفيف.
- لا توجد قناة ألفا/شفافية — لـ CSS الذي يحتاج شفافية، أضف قيمة ألفا يدويًا بعد التحويل (مثل rgba(r, g, b, 0.5)).
Frequently Asked Questions
ما صيغ ألوان CSS التي تدعمها هذه الأداة؟
تحوّل هذه الأداة بين HEX (3 أو 6 أرقام) وRGB وHSL — أكثر ثلاث صيغ ألوان CSS شيوعًا. لا تدعم حاليًا قنوات ألفا RGBA/HSLA أو HSB/HSV أو CMYK أو ألوان CSS المسماة مثل "coral".
ما الفرق بين RGB وHSL؟
يحدد RGB اللون عبر مكونات الأحمر والأخضر والأزرق (0–255 لكل منها). أما HSL فيحدده عبر تدرج اللون (0-360°) والتشبع (0-100%) والإضاءة (0-100%) — وغالبًا أكثر بداهة لضبط اللون، إذ يمكنك تفتيحه أو تقليل تشبعه دون إعادة حساب RGB.
كيف أحوّل لون CSS مسمى مثل "coral" إلى HEX؟
لا تبحث هذه الأداة عن الألوان المسماة — أدخل قيمة HEX الخاصة به مباشرة (coral = #FF7F50). يمكنك إيجاد قيمة HEX لأي لون مسمى في مواصفة CSS Color Module أو منتقي الألوان في أي متصفح.
ما هو HSB/HSV وهل تدعمه هذه الأداة؟
HSB (تدرج اللون، التشبع، السطوع)، ويُعرف أيضًا بـHSV، يُستخدم في Photoshop والعديد من أدوات التصميم — يشبه HSL لكنه يعرّف القناة الثالثة بشكل مختلف. تحوّل هذه الأداة فقط بين HEX/RGB/HSL؛ إذا كان مصدرك HSB، حوّله أولًا في أداة التصميم لديك.
هل يمكنني تحويل ألوان تستخدم خصائص CSS المخصصة (المتغيرات)؟
أدخل قيمة اللون الفعلية، وليس اسم المتغير. حِلّ --my-color إلى قيمته أولًا، ثم حوّله. تعمل الأداة مع قيم الألوان الفعلية، وليس مراجع متغيرات CSS.
Is my data safe when using the محوّل رموز الألوان?
Completely safe. The محوّل رموز الألوان processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the محوّل رموز الألوان output in commercial projects?
Yes. The محوّل رموز الألوان is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the محوّل رموز الألوان follow official standards?
Yes. The محوّل رموز الألوان is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.