حوّل الألوان فورًا بين رمز HEX وقيم RGB وقيم RGB، مع معاينة حية لعينة اللون.
📂 التقنية والإنترنتعبّئ الحقول الموجودة أعلى الصفحة، ثم اضغط الزر لرؤية النتيجة فورًا. كل شيء يعمل محليًا في متصفحك — لا حاجة للتسجيل، ولا تُرسَل أي بيانات لأي مكان أبدًا.
يُستخدَم نظاما HEX وRGB لوصف الألوان الرقمية على الشاشات، لكن بصيغتين مختلفتين: يعبّر RGB عن اللون بثلاث قيم منفصلة للأحمر والأخضر والأزرق، كل واحدة بين 0 و255، بينما يكتب HEX نفس القيم الثلاث مجتمعة في رمز واحد سداسي عشري من ستة أرقام (مسبوق بعلامة #)، وهي الصيغة الأكثر شيوعًا في كتابة كود CSS وتصميم الويب. تحوّل هذه الأداة بين الصيغتين تلقائيًا في كلا الاتجاهين: اكتب رمز HEX لرؤية ما يعادله بصيغة RGB فورًا، أو أدخل قيم R وG وB للحصول على رمز HEX المطابق، مع معاينة حية للون الناتج. كل لون على الشاشة يُبنى في النهاية بدمج شدات متفاوتة من هذه الألوان الثلاثة فقط من الضوء، لأن الأحمر والأخضر والأزرق هي الألوان الأساسية الجامعة التي تستخدمها شاشة رقمية لإعادة إنتاج كامل الطيف اللوني المرئي. وبما أن كل قناة من الثلاث تقبل 256 قيمة محتملة، فإن العدد الإجمالي للألوان القابلة للتمثيل بهذه الطريقة يبلغ 256 مرفوعة للقوة 3، أي أكثر من 16.7 مليون تركيبة مميزة.
كل لون مرئي على شاشة رقمية — سواء هاتف أو شاشة حاسوب أو تلفزيون — يُبنى من ثلاثة مكونات ضوء فقط مدمجة معًا: الأحمر والأخضر والأزرق. هذا هو نموذج الألوان الجامع، مختلف جذريًا عن مزج الألوان الطارح المألوف من الطلاء (حيث يُصبح مزج الألوان أغمق)، لأن دمج ضوء أحمر وأخضر وأزرق بأقصى شدة يُنتج أبيض، لا أسود.
يُعبّر تدوين RGB عن كل من هذه المكونات الثلاثة كرقم من 0 (بلا ضوء من ذلك اللون) إلى 255 (أقصى شدة)، مما يعطي 256 مستوى شدة محتمل لكل قناة وحوالي 16.7 مليون لون محتمل مجتمع إجمالًا (256 مرفوعة للقوة 3). RGB(255, 0, 0) هو أحمر خالص، RGB(0, 0, 0) هو أسود (الغياب الكامل للضوء)، وRGB(255, 255, 255) هو أبيض (كل القنوات الثلاث بأقصاها).
يمثّل تدوين HEX نفس الأرقام الثلاثة بصيغة أكثر إيجازًا مصممة لكتابة الكود بكفاءة: كل من القيم الثلاث بين 0 و255 تُحوَّل إلى رقم سداسي عشري من رقمين (00 إلى FF)، وتُدمَج الأزواج الثلاثة معًا مع بادئة # لإنتاج رموز مثل #FF0000 للأحمر الخالص. لأن النظام السداسي العشري أكثر إيجازًا من العشري في تمثيل قيم البايت، ولأن أدوات CSS وتصميم الويب توحّدت حوله، أصبح HEX الصيغة الافتراضية المرئية عبر تطوير الويب وبرامج التصميم وأدلة الهوية البصرية، رغم أن RGB يبقى صحيحًا بالمثل وغالبًا أكثر حدسية لفهم تكوين اللون الفعلي.
التحويل بين الصيغتين لا يحتاج أكثر من تحويل كل من القيم الثلاث بين العشري والسداسي العشري من رقمين — عملية آلية، لكنها معرَّضة لخطأ يدوي، وهذا تحديدًا نوع الخطأ الصغير لكن المؤثر الذي صُمِّمت أدوات التحويل من هذا النوع لإزالته بالكامل.
إلى جانب التحويل البسيط، فهم تفصيل RGB خلف رمز HEX يعطي بصيرة عملية حقيقية: رمز بقيمة حمراء مرتفعة وقيم أخضر وأزرق منخفضة سيظهر بدرجة من الأحمر؛ رمز تكون فيه القيم الثلاث متقاربة ومرتفعة نسبيًا سيظهر بدرجة من الرمادي؛ والألوان بقناة واحدة أعلى بوضوح من القناتين الأخريين تميل نحو التدرج المرتبط بتلك القناة. هذا النوع من التعرف على النمط مفيد فعليًا للمصممين والمطورين وأي شخص يعدّل ألوانًا في الكود بلا منتقي ألوان بصري متاح مباشرة.
يصفان نفس اللون تمامًا بترميزين مختلفين — يسرد RGB مكوّنات الأحمر والأخضر والأزرق كثلاثة أرقام منفصلة من 0 إلى 255، بينما يضم HEX هذه القيم الثلاث في رمز واحد سداسي عشري من 6 أرقام مسبوق بعلامة #.
نعم — تُوسَّع رموز HEX المختصرة من 3 أرقام تلقائيًا (يتكرر كل رقم مرتين، فيصبح #4CA هو #44CCAA) قبل التحويل، مطابقًا لطريقة تفسير المتصفحات لرموز HEX المختصرة في CSS.
تُخزَّن كل قناة لون باستخدام 8 بتات من البيانات، وتستطيع 8 بتات تمثيل 256 قيمة مختلفة (من 0 إلى 255)، وهذا سبب توقّف كل قناة RGB عند 255.