هل هناك مشكلة في هذه الأداة؟
عن «محوّل HEX إلى RGBA عبر الإنترنت»
تحوّل هذه الأداة رموز ألوان hex إلى تدوين RGBA، حيث A هي قناة ألفا (الشفافية من ٠ إلى ١). لا تتضمن رموز hex مثل #FF5733 الشفافية؛ يتيح لك rgba(255, 87, 51, 0.5) تحديد متغير شبه شفاف للطبقات أو محطات التدرج أو رموز التصميم.
تدوين RGBA ضروري عند تصميم العناصر شبه الشفافة: تستخدم تلميحات الأدوات، وخلفيات النوافذ المنبثقة، وأشرطة المخططات المتلاشية، والعلامات المائية كلها شفافية متفاوتة. تدوين hex ٨ أرقام (#FF5733FF) بديل لكن RGBA مفهوم على نطاق أوسع من قبل المصممين.
استخدمها لإضافة الشفافية إلى ألوان العلامة التجارية عند تصميم حالات واجهة المستخدم، أو لتخفيف لون أساسي للأزرار المعطلة، أو لمزج الألوان بصريًا بطبقات شفافة.
كيف تستخدم هذه الأداة
كيف أحوّل لون hex (مع alpha اختياري) إلى RGBA؟
أدخل قيمة hex
ضع قيمة hex في حقل "Hex (#RGB … #RRGGBBAA)". تُدعَم أربعة أطوال: `#RGB` و`#RGBA` و`#RRGGBB` و`#RRGGBBAA` — `#` اختيارية ولا تفرق الحالة.
تحليل alpha
إن تضمّن الـ hex قيمة alpha (4 أو 8 أرقام) تُستخدم؛ وإلا تُفترض 1 (معتم تمامًا). تُقسَم قيمة البايت على 255 لتعطي عشريًا 0–1، ثم تُقَطَّع لـ 4 منازل.
اضغط «تشغيل»
تعيد النتيجة `r` و `g` و `b` (0–255)، و `a` (عشري 0–1)، و `alphaByte` (0–255)، و `hex` (8 أرقام مُسواة)، و `hexRgb` (6 أرقام بلا alpha)، و `rgbaCss` (سلسلة `rgba(r, g, b, a)` جاهزة).
استخدام hex مقابل hexRgb
استخدم `hex` (8 أرقام) في CSS حيث يُدعَم hex بـ 8 أرقام. استخدم `hexRgb` إذا احتجت hex قديم بـ 6 أرقام مع تصريح `opacity` أو `rgba()` منفصل.