محوّل RGB إلى HEX
حوّل قيم RGB إلى رموز ألوان HEX.
حول محوّل RGB إلى HEX
يحوّل محوّل RGB إلى HEX من GuruAlpha قيم ألوان RGB (مثل rgb(255, 87, 51)) إلى رموز ألوان ست عشرية (مثل #FF5733). أدخل قيم الأحمر والأخضر والأزرق (0-255 لكل منها) وتنشئ الأداة رمز HEX المقابل لاستخدامه في CSS وHTML وأدوات التصميم.
تُستخدم قيم RGB بشكل شائع في برامج التصميم الجرافيكي (Photoshop وFigma) ورسم Canvas بلغة JavaScript ودوال CSS مثل rgba(). ومع ذلك، تُستخدم رموز HEX بشكل أكثر شيوعًا في أوراق أنماط CSS وHTML. يسدّ المحوّل هذه الفجوة، مما يسهّل نقل الألوان بين أدوات التصميم وشفرة الويب.
تقبل الأداة قيم RGB بصيغ إدخال متعددة: أشرطة تمرير R وG وB الفردية (0-255)، وصيغة دالة CSS rgb()، وقيم مفصولة بفواصل (255,87,51)، أو إدخالات أرقام فردية. تعني هذه المرونة أنه يمكنك لصق قيم RGB من أي مصدر — الشفرة أو أداة التصميم أو الوثائق — والحصول على ناتج HEX الصحيح.
التحويل دقيق رياضيًا: يتحوّل كل قناة RGB (0-255) إلى قيمة ست عشرية من رقمين (00-FF). تتعامل الأداة مع جميع الحالات الحدية بشكل صحيح، بما في ذلك الأسود النقي (rgb(0,0,0) = #000000)، والأبيض النقي (rgb(255,255,255) = #FFFFFF)، والألوان الشفافة تمامًا.
تُظهر المعاينة المرئية اللون كعينة، مما يتيح التحقق السريع من أن التحويل يطابق اللون المقصود. يتم أيضًا إنشاء HEX المختصر (#F53) عندما يحتوي الرمز المكوّن من 6 أرقام على أزواج متطابقة (مثلًا، لا يمكن اختصار #FF5533، لكن يمكن أن يكون #FF1122 هو #F12).
أبرز ميزات محوّل RGB إلى HEX
- تحويل RGB إلى رموز ألوان HEX
- صيغ إدخال متعددة: أشرطة التمرير، وCSS rgb()، والأرقام
- ينشئ HEX المكوّن من 6 أرقام و3 أرقام المختصر
- معاينة لونية مرئية
- نسخ بنقرة واحدة إلى الحافظة
- يدعم قناة ألفا (RGBA)
- تحويل فوري
- يعمل في المتصفح للحفاظ على الخصوصية
كيفية استخدام محوّل RGB إلى HEX
- افتح محوّل RGB إلى HEX على GuruAlpha.
- أدخل قيم RGB باستخدام أشرطة التمرير أو إدخالات الأرقام.
- أو الصق سلسلة دالة rgb() أو rgba().
- يتم إنشاء رمز HEX على الفور.
- اعرض عينة معاينة اللون.
- انسخ رمز HEX لاستخدامه في CSS أو أدوات التصميم.
نصائح لاستخدام محوّل RGB إلى HEX
- استخدم HEX المكوّن من 6 أرقام لأقصى توافق.
- يعمل المختصر المكوّن من 3 أرقام في المتصفحات الحديثة لكن ليس في جميع السياقات.
- تنشئ الأداة الصيغة المختصرة عند الإمكان (مثلًا، #FF1122 ← #F12).
- للشفافية، استخدم HEX المكوّن من 8 أرقام (#FF573380) أو rgba().
- الصق مباشرة من شفرة CSS — تحلّل الأداة سلاسل rgb().
الأسئلة الشائعة حول محوّل RGB إلى HEX
ما هو RGB؟
RGB اختصار للأحمر والأخضر والأزرق — الألوان الأساسية الثلاثة للضوء. تتراوح كل قناة من 0 (لا شيء) إلى 255 (الحد الأقصى). مجتمعة، تنتج أي لون على الشاشة.
ما الفرق بين HEX المكوّن من 3 أرقام و6 أرقام؟
يوسّع HEX المكوّن من 3 أرقام (#F53) كل حرف: #F53 = #FF5533. أما HEX المكوّن من 6 أرقام فيحدد كل قناة مباشرة. المكوّن من 6 أرقام أكثر دقة.
هل يتعامل مع الشفافية؟
نعم. ينتج إدخال RGBA (مع ألفا) HEX مكوّنًا من 8 أرقام. تتحوّل قناة ألفا (0-1) إلى زوج ست عشري (00-FF).
هل يمكنني التحويل من أدوات التصميم؟
نعم. انسخ قيم RGB من Figma أو Photoshop أو أي أداة تصميم والصقها في المحوّل.