🎨 تحويل الألوان

أداة تحويل الألوان بين HEX وRGB وHSL مع معاينة حية. اختر أي لون باستخدام منتقي الألوان أو اكتب كود HEX — ستحصل على القيم المحولة فوراً مع معاينة اللون.

HEX (Hexadecimal) هو التنسيق الأكثر شيوعاً في CSS وHTML. RGB (Red Green Blue) يستخدم في CSS ومعالج الصور. HSL (Hue Saturation Lightness) أسهل للفهم البشري — يسمح بتعديل اللون والكثافة والإضاءة بشكل بديهي.

للمطورين: استخدم الأداة لتحويل ألوان التصميم من Figma/Photoshop (HEX) لـ CSS (RGB أو HSL). لمصممي UI: جرب ألواناً مختلفة وانسخ القيم المناسبة. لكل من يعمل بالألوان: اعرض أي لون بثلاث تنسيقات مختلفة.

مثال: الأزرق الكلاسيكي #3B82F6 → RGB: 59,130,246 → HSL: 217°, 91%, 60%. الأحمر #FF0000 → RGB: 255,0,0 → HSL: 0°, 100%, 50%. الأخضر #00FF00 → RGB: 0,255,0 → HSL: 120°, 100%, 50%.

نصيحة لمصممي UI: استخدم HSL لتوليد درجات ألوان متناسقة بسرعة. غير L (Lightness) بنسب ثابتة (95% للخلفيات، 50% للعناصر الأساسية، 20% للنصوص) مع ثبات H و S — تحصل على لوحة ألوان متكاملة.

الأداة تعمل بالكامل في المتصفح وتدعم جميع المتصفحات الحديثة.