كيفية تحويل HEX إلى RGB مجانًا عبر الإنترنت (دليل 2026)

مصممك يسلّمك #3B82F6. إطار عمل CSS الخاص بك يريد rgb(59, 130, 246). أداة التصميم الخاصة بك تقبل صيغة واحدة لكن الكود الذي ورثته يستخدم الأخرى. التحويل بين HEX وRGB يدويًا يعني حسابًا سداسيًا عشريًا — ممكن، لكنه بطيء وعرضة للأخطاء. يشرح هذا الدليل ما تعنيه الصيغتان فعلًا، ومتى تستخدم كلًا منهما، وكيفية التحويل فورًا باستخدام محول HEX إلى RGB المجاني لدينا.

ماذا يفعل المحول المجاني؟

محول HEX إلى RGB يترجم رموز الألوان في كلا الاتجاهين: ألصق رمز HEX لتحصل على قيم RGB الخاصة به، أو أدخل أرقام RGB لتحصل على رمز HEX. التحويل فوري ودقيق — دون تقريب ودون تخمين — ويعمل بالكامل في متصفحك دون تسجيل.

شرح HEX وRGB (بشكل صحيح، مرة واحدة)

كل لون على الشاشة مصنوع من ثلاثة أضواء: الأحمر والأخضر والأزرق. الصيغتان تصفان فقط مدى سطوع كل ضوء.

• HEX يكتب مستويات السطوع الثلاثة كأزواج سداسية عشرية (أساس 16) بعد #. في #3B82F6، 3B هو مستوى الأحمر، و82 مستوى الأخضر، وF6 مستوى الأزرق. كل زوج يتراوح من 00 (مطفأ) إلى FF (كامل).
• RGB يكتب المستويات الثلاثة نفسها كأرقام عشرية من 0 إلى 255: rgb(59, 130, 246). 3B بالنظام الست عشري يساوي 59 بالنظام العشري — اللون نفسه، بترميز مختلف.

توجد 256 درجة ممكنة لكل قناة، لذا فإن الصيغتين معًا تستطيعان التعبير عن 256 × 256 × 256 = 16,777,216 لونًا متميزًا. التحويل بينهما حساب نقي على تلك الأرقام الثلاثة — وهو بالضبط ما تفعله الأداة لك.

خطوة بخطوة: حوّل في أي اتجاه

1. افتح محول HEX إلى RGB. لا تسجيل، ويعمل في أي متصفح حديث.
2. للتحويل من HEX ← RGB: ألصق رمز HEX أو اكتبه (مع # أو دونها). تعرض الأداة فورًا أرقام RGB الثلاثة.
3. للتحويل من RGB ← HEX: أدخل القيم الثلاث (كل منها 0–255). تعرض الأداة فورًا رمز HEX.
4. انسخ النتيجة وألصقها في ورقة أنماطك أو أداة التصميم أو الكود الخاص بك.

متى تستخدم HEX مقابل RGB؟

• استخدم HEX لأعمال CSS اليومية — فهو مدمج ومدعوم عالميًا وما يلجأ إليه معظم المطورين: color: #3B82F6;.
• استخدم RGB عندما تحتاج إلى شفافية. RGBA يضيف رقمًا رابعًا، ألفا، من 0 (غير مرئي) إلى 1 (صلب): rgba(59, 130, 246, 0.5) هو الأزرق نفسه بنصف عتامة. هذه هي الطريقة القياسية لصنع التراكبات والظلال والعناصر الباهتة في CSS.
• استخدم RGB عند إجراء حسابات على الألوان في الكود — فالتفتيح أو التغميق أو المزج أكثر بداهة بأرقام 0–255 منه بأزواج سداسية عشرية.
• استخدم HEX عند نسخ الألوان بين أدوات التصميم — فـ Figma وPhotoshop ومعظم المنتقيات تقبل HEX وتعرضه افتراضيًا.

رموز HEX المختصرة: ماذا يعني #FFF حقًا؟

سترى غالبًا رموز HEX ثلاثية الأرقام مثل #FFF (أبيض) أو #333 (رمادي داكن). هذا مجرد اختصار: كل رقم يُضاعف، لذا فإن #FFF تعني #FFFFFF و#3BF تعني #33BBFF. وهو يعمل فقط عندما يتكون كل زوج من رقمين متطابقين. إذا ألصقت رمزًا مختصرًا في المحول، فهو يتعامل مع التوسيع — لكن من المفيد معرفة القاعدة حتى تستطيع قراءة أوراق أنماط الآخرين.

أخطاء تحويل شائعة

• نسيان أن # اختيارية: 3B82F6 و#3B82F6 هما اللون نفسه. إذا رفضت أداة لصقك، جرّب إضافة الهاش أو إزالتها.
• قيم خارج 0–255: قنوات RGB لا يمكن أن تتجاوز 255. إذا قال مصدرك غير ذلك، فهناك خطأ في المنبع — حدّدها وتحقق مرتين.
• خلط ترتيب القنوات: الترتيب دائمًا أحمر ثم أخضر ثم أزرق. تبديل قناتين يعطيك لونًا مختلفًا تمامًا دون تحذير.
• افتراض أن ألوان الشاشة تُطبع بالطريقة نفسها: HEX/RGB تصف ضوء الشاشة. لأعمال الطباعة، تحتاج الألوان إلى تحويل CMYK وتدقيق مادي — عملية مختلفة تمامًا.
• التقدير بالعين بدلًا من التحويل: الألوان "القريبة بما يكفي" تتباعد أكثر مع كل نسخة. حوّل دائمًا بدقة؛ فهذا ما وُجدت الأداة لأجله.

سير عمل عملي: من لون علامة إلى تراكب شفاف

إليك مهمة تحويل يصادفها المطورون باستمرار: لون العلامة هو #3B82F6، وتحتاج إلى نسخة شبه شفافة لتراكب نافذة منبثقة.

1. ألصق #3B82F6 في محول HEX إلى RGB ← ستحصل على rgb(59, 130, 246).
2. في CSS الخاص بك، اكتب background: rgba(59, 130, 246, 0.5); — اللون نفسه، بعتامة 50%.
3. تحقق من نص التراكب مقابل الخلفية باستخدام مدقق التباين ليبقى مقروءًا.

ثلاثون ثانية، دون حساب، واللون الدقيق محفوظ.

الأسئلة الشائعة

هل المحول مجاني؟

نعم — تحويلات غير محدودة في كلا الاتجاهين، دون تسجيل.

هل التحويل دقيق أم تقريبي؟

دقيق. HEX وRGB ترميزان للثلاثة أرقام نفسها، لذا فإن التحويل دون فقدان — فاللون لا يتغير أبدًا.

هل يستطيع التعامل مع رموز HEX المختصرة ثلاثية الأرقام مثل #FFF؟

الرموز المختصرة تتوسع بمضاعفة كل رقم (#FFF ← #FFFFFF). أدخل الرمز وسيعطيك المحول قيم RGB الصحيحة.

كيف أضيف شفافية إلى لون HEX؟

حوّله إلى RGB أولًا، ثم استخدم صيغة RGBA: rgba(59, 130, 246, 0.5). الرقم الأخير هو العتامة من 0 إلى 1.

حوّل الآن: محول HEX إلى RGB المجاني · منتقي الألوان المجاني · مولد التدرجات المجاني