محوّل الألوان
تحويل بين HEX و RGB و HSL.
تحويل بين HEX و RGB و HSL.
طريقة الاستخدام
- الصق أي لون بصيغة HEX أو RGB أو HSL في حقل الإدخال.
- شاهد القيمة تتحول فوراً إلى كل الصيغ الثلاث دون ضغط زر.
- اضغط على مربع المعاينة لفتح منتقي الألوان التفاعلي.
- انقر أي قيمة لنسخها إلى الحافظة بصيغتها الصحيحة.
- استخدم شريط التعتيم لإضافة قيمة ألفا (الشفافية) للون.
شرح مفصّل
الألوان في الويب تتحدث ثلاث لغات: HEX هو لهجة CSS وHTML الأشهر، RGB هو التمثيل الفيزيائي للأضواء الحمراء والخضراء والزرقاء، وHSL هو التمييز الإنساني بالتدرج والتشبع والإضاءة — وكل صيغة تناسب سياقاً مختلفاً من العمل.
قيمة HSL تحديداً مفتاح ذهبي للتصميم المنهجي: تثبت التدرج وتحرك الإضاءة لتوليد عائلة ألوان متناسقة تلقائياً — هويات بصرية كاملة تُبنى من لون واحد بهذه الطريقة.
قيمة الألفا (الشفافية) تُخزن بصيغ RGBA أو HSLA أو #RRGGBBAA، وهي أساس الطبقات والظلال والتوهجات الحديثة في الواجهات.
الأداة تحول في الاتجاهين فوراً مع التحقق من الصحة: لصق قيمة خاطئة لا يكسر شيئاً بل يطلب الصيغة الصحيحة بلطف.
مطورو الواجهات يستخدمونها عشرات المرات يومياً: لصق لون من Figma، تحويله إلى متغير CSS، توليد درجاته — كل الدورة تكتمل هنا في ثوانٍ.
أسئلة شائعة
ما الفرق العملي بين HEX و RGB؟
لا فرق في اللون الناتج — الصيغة فقط؛ HEX أقصر للكتابة وRGB أسهل للمعالجة البرمجية.
كيف أولّد درجات لون واحد؟
حوّل إلى HSL وثبّت التدرج والتشبع، ثم حرّك الإضاءة — كل قيمة تعطيك درجة متناسقة.
هل تدعم الأداة الشفافية؟
نعم، عبر شريط الألفا الذي يولّد صيغ RGBA و HEX ذي الثمانية خانات.