محول الألوان

عن صيغ الألوان

HEX يمثّل اللون بكود سداسي عشري من 6 خانات (مثل #2F5DFF)، شائع الاستخدام في CSS وأدوات التصميم. RGB يعبّر عن اللون بقيم شدة الأحمر والأخضر والأزرق من 0 إلى 255. أما HSL (التدرج، التشبع، الإضاءة) فيصف اللون بطريقة غالباً ما تكون أسهل لتعديل السطوع أو الحيوية دون تغيير التدرج الأساسي للون.

متى تستخدم كل صيغة

• HEX هي الصيغة الأكثر شيوعاً في تصميم الويب وملفات CSS
• RGB مفيدة عند العمل ببرامج تحرير الصور أو بيانات الألوان على مستوى البكسل
• HSL تسهّل إنشاء تدرجات لونية — فقط عدّل الإضاءة أو التشبع مع إبقاء التدرج ثابتاً

أسئلة شائعة

وش الفرق بين HEX و RGB و HSL؟

صيغة HEX (مثل 3366FF#) هي كود سداسي عشري مختصر يُستخدم غالباً في CSS وبرامج التصميم. أما RGB فتمثل مزج الألوان الثلاثة (أحمر وأخضر وأزرق، كل واحد من 0 إلى 255) وهي طريقة الشاشات في تكوين الألوان. وHSL (التدرج، التشبع، الإضاءة) تصف اللون بالطريقة التي يفكر بها الناس بشكل طبيعي، مما يسهّل تعديل درجة اللون وسطوعه.

ليه نفس اللون يظهر مختلف شوي بين شاشة وأخرى؟

الشاشات تختلف في المعايرة والسطوع ونطاق الألوان المدعوم، فنفس قيمة HEX أو RGB ممكن تظهر بفروقات بسيطة بين الجوال واللابتوب والتصميم المطبوع. لأعمال الهوية البصرية المهمة، تأكد دائماً من اللون على أكثر من جهاز.

وش يعني Alpha أو الشفافية في RGBA و HSLA؟

حرف الـA يرمز لـ Alpha، وهي قيمة من 0 (شفاف تماماً) إلى 1 (معتم تماماً) تتحكم في مدى شفافية اللون، وتُستخدم كثيراً في الطبقات المتراكبة والظلال في تصميم المواقع.