Skip to main content
FreeToolkit .ai

مُحَوِّل HEX إلى RGB قم بتحويل رموز الألوان HEX إلى قيم RGB في الحال مع معاينة مباشرة للعينة.

مُحَوِّل HEX إلى RGB illustration
🎨

مُحَوِّل HEX إلى RGB

قم بتحويل رموز الألوان HEX إلى قيم RGB في الحال مع معاينة مباشرة للعينة.

1

أدخل رمز HEX

اكتب رمز لون HEX مثل #3B82F6 أو استخدم محدد الألوان لتحديد لون.

2

عرض قيم RGB

انظر إلى تحديثات قيم قنوات الأحمر والأخضر والأزرق (0-255) بشكل فوري.

3

نسخ النتيجة

انقر على نسخ لتحصل على قيم RGB بتنسيق CSS مثل rgb(59, 130, 246).

Loading tool...

What Is مُحَوِّل HEX إلى RGB?

مُحَوِّل HEX إلى RGB يترجم رموز الألوان السداسية إلى معادلات قناة الأحمر والأخضر والأزرق. رموز HEX هي سلاسل مكونة من ستة أحرف (تسبقها #) تستخدم على نطاق واسع في تطوير الويب وتصميم الجرافيك والوسائط الرقمية. تمثل كل زوج من الأرقام السداسية قناة لون واحدة: الزوج الأول للأحمر، والزوج الثاني للخضر، والأخير للأزرق. على سبيل المثال، #FF5733 يتحلل إلى R:255، G:87، B:51. نموذج اللون RGB هو نظام إضافي حيث يتم إنشاء الألوان عن طريق الجمع بين الضوء الأحمر والأخضر والأزرق بدرجات متغيرة من 0 إلى 255. هذا التحويل ضروري للمطورين الذين يحتاجون إلى التبديل بين تنسيق HEX في CSS ووظائف rgba()، وللمصممين العاملين عبر أدوات تستخدم صيغ ألوان مختلفة، وأيضًا لأي شخص يحتاج إلى قيم قنوات الألوان الدقيقة لتعديل الصور أو تحليل البيانات أو حسابات إمكانية الوصول. محوّلنا يدعم كلاً من التنسيق المختصر ثلاثي الأرقام (#F00) والتنسيق القياسي السداسي، مع تقديم التحويل الفوري مع معاينة مرئية.

Why Use مُحَوِّل HEX إلى RGB?

  • تحويل HEX فوري إلى قيم RGB دقيقة مع معاينة مباشرة
  • دعم كلا التنسيقات القصيرة (3 أرقام) والطويلة (6 أرقام) لرمز HEX
  • تحديث مربع الألوان بصورته في الوقت الفعلي أثناء الكتابة
  • نسخ بمفتاح واحد للتنسيقات rgb() وفصلها بفاصلة
  • لا توجد حاجة للتثبيت أو التسجيل - يعمل بالكامل في متصفحك

Common Use Cases

تطوير CSS

تحويل رموز الألوان HEX من نماذج التصميم إلى قيم rgb() لمواصفات CSS التي تتطلب تنسيق RGB.

تسليم التصميم

ترجمة مواصفات الألوان بين المصممين الذين يعملون برمز HEX والمطورين الذين يحتاجون إلى قيم RGB.

معالجة الصور

الحصول على قيم قنوات R و G و B الفردية المطلوبة لتعديل البكسل في Canvas أو WebGL.

اختبار الإمكانية

استخراج قيم RGB المطلوبة لحساب لمعان النسبية لفحوصات نسبة التباين في WCAG.

تصوير البيانات

تحويل ألوان العلامة التجارية HEX إلى تنسيق RGB المطلوب بواسطة مكتبات الرسم مثل D3.js أو Chart.js.

Technical Guide

نظام اللون HEX يمثل الألوان باستخدام التدوين السداسي (الأساس 16). تستخدم كل قناة لونية زوجًا من الأرقام السداسية، مما يوفر 256 قيمة ممكنة لكل قناة (00 إلى FF، أو 0 إلى 255 بالعشرية). عملية التحويل بسيطة: تحليل كل زوج من الأرقام السداسية وتحويله إلى عشري. لتنسيق مختصر ثلاثي الأرقام مثل #F0A، يتم تكرار كل رقم: FF و00 وAA. يمكن للقيم الناتجة عن RGB التعبير عن 16,777,216 لونًا فريدًا (256³). في CSS، HEX وRGB متطابقان وظيفيًا - #3B82F6 وrgb(59, 130, 246) ينتجان نفس اللون بالضبط. غالبًا ما يعتمد اختيار الصيغ على السياق: HEX أكثر ضغطًا ويستخدم بشكل شائع في أدوات التصميم، بينما RGB أكثر直ورة لتعديل الألوان البرمجي. عند العمل مع الشفافية، يستخدم HEX حرفًا ثامنًا اختياريًا (#3B82F680 للشفافية 50%)، بينما يمتد RGB إلى rgba(59, 130, 246, 0.5). يدعم CSS الحديث أيضًا بنية النص المنفصل: rgb(59 130 246 / 50%). فهم هذا التحويل أساسي لتطوير الويب، لأنه جسر الفجوة بين كيفية تحديد الألوان في أدوات التصميم وكيف يتم تعديلها بالكود.

Tips & Best Practices

  • 1
    رموز HEX غير حساسة للحالة - #3b82f6 و #3B82F6 متطابقان
  • 2
    استخدم التنسيق القصير فقط عندما تكون كل زوج من الأرقام متماثلة: #AABBcc → #ABc
  • 3
    لإضافة الشفافية، أضف حرفين سداسيين إضافيين: #3B82F680 هو 50% شفافية
  • 4
    قيم RGB 0,0,0 هي الأسود النقي؛ 255,255,255 هي الأبيض النقي
  • 5
    تنتج قيم R و G و B المتساوية درجات من الرمادي (مثل rgb(128,128,128))

Related Tools

مُحَوِّل RGB إلى HEX - free online tool

مُحَوِّل RGB إلى HEX

قم بتحويل قيم الألوان RGB إلى رموز HEX باستخدام الشرائح والمعاينة المباشرة.

🎨 Color Tools
مُحَوِّل HEX إلى HSL - free online tool

مُحَوِّل HEX إلى HSL

قم بتحويل رموز الألوان HEX إلى قيم HSL (درجة اللون، التشبع، الإضاءة).

🎨 Color Tools
مُحَوِّل HEX إلى CMYK - free online tool

مُحَوِّل HEX إلى CMYK

استخدم هذا الأداة لتحويل رموز الألوان HEX إلى قيم الطباعة CMYK للتحضير للمطبعة.

🎨 Color Tools
محدد اللون - free online tool

محدد اللون

محدد لون تفاعلي مع مخرجات HEX و RGB و HSL و CMYK.

🎨 Color Tools
مُvisualize مساحة الألوان - free online tool

مُvisualize مساحة الألوان

استعرض أي لون عبر HEX و RGB و HSL و HSV و CMYK مع مخططات الشريط.

🎨 Color Tools

Frequently Asked Questions

Q ما هو رمز لون HEX؟
رمز لون HEX هو سلسلة من ستة أحرف باستخدام الأرقام 0-9 والحروف A-F، مسبوقة ب#. يمثل لوناً باستخدام نموذج RGB حيث يحدد كل زوج من الأحرف شدة اللون الأحمر أو الأخضر أو الأزرق (0-255).
Q كيف يمكنني تحويل HEX إلى RGB يدويا؟
اقسم رمز HEX إلى ثلاثة أزواج. قم بتحويل كل زوج من السداسي عشرية إلى العشري. على سبيل المثال، #3B = 3×16+11 = 59, #82 = 8×16+2 = 130, #F6 = 15×16+6 = 246. النتيجة: rgb(59, 130, 246).
Q ما الفرق بين HEX و RGB؟
يمثلان نفس الألوان بتمثيلات مختلفة. يستخدم HEX القاعدة 16 (سداسي عشرية)، في حين يستخدم RGB قيم عشريّة من 0 إلى 255. #FF0000 و rgb(255, 0, 0) ينتجان اللون الأحمر النقي.
Q هل يمكن لرموز HEX أن تشمل الشفافية؟
نعم. رموز HEX ذات الثمانية أرقام تتضمن قناة ألفا: #3B82F680 حيث 80 (سداسي عشرية) = 128 (عشري) = ~50% شفافية. هذا يعادل rgba(59, 130, 246, 0.5).
Q هل رموز HEX الثلاثية صحيحة؟
نعم. رموز HEX القصيرة هي اختصار حيث يتم تكرار كل حرف: #F0A يمتد إلى #FF00AA. يمكنها تمثيل الألوان فقط حيث يكون لكل زوج من الأحرف رقم متماثل.
Q لماذا يستخدم المصممون HEX بدلاً من RGB؟
HEX أكثر ضيقا (7 أحرف مقابل ~16 لrgb())، وأسهل في النسخ واللصق، وهو التنسيق الافتراضي في معظم أدوات التصميم مثل Figma و Sketch و Photoshop.

About This Tool

مُحَوِّل HEX إلى RGB is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.