تخطي إلى المحتوى
أداة مجانيةDesign

تحويل رموز الألوان HEX إلى RGB والعودة

اكتب رمز HEX مثل #FF5733 وشاهد على الفور مكافئ RGB — rgb(255, 87, 51). أو أدخل قيم RGB واحصل على رمز HEX. يتم تحديث عينة الألوان المباشرة أثناء الكتابة، وتقوم الأزرار بنقرة واحدة بنسخ القيمة بالتنسيق الذي تحتاجه لـ CSS أو أدوات التصميم أو الوثائق.

استخدم هذه الأداة مجانًا

Browser tool

Hex to RGB converter

Convert 3, 4, 6, or 8-digit HEX colors to RGB and RGBA values instantly. Nothing is uploaded.

Alpha: 1

كيفية الاستخدام

1

أدخل قيمة اللون

اكتب رمز HEX (مع الرمز # أو بدونه) أو أدخل قيم RGB كثلاثة أرقام من 0 إلى 255.

2

عرض النتيجة

يتم تحديث حقل التنسيق المعاكس تلقائيًا. يُظهر حامل المعاينة اللون.

3

ينسخ

انقر فوق زر النسخ بجوار أي قيمة أو مقتطف CSS. يؤكد النخب أن النص موجود في الحافظة الخاصة بك.

سمات

1

تحويل ثنائي الاتجاه

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

2

عينة الألوان الحية

يعرض حامل المعاينة الكبير اللون الذي أدخلته. يتم تحديثه على الفور حتى تتمكن من التأكد بصريًا من تطابق الظل مع ما تتوقعه.

3

مقتطفات إخراج CSS

احصل على تعليمات برمجية CSS جاهزة للصق لخصائص اللون ولون الخلفية ولون الحدود بتنسيقي HEX وRGB. انسخ أي مقتطف بنقرة واحدة.

4

دعم قناة ألفا

أدخل رموز HEX المكونة من 8 أرقام أو قيم RGBA للعمل مع الشفافية. تقوم الأداة بتحويل قناة ألفا بدقة بين التنسيقين.

After this task

After this free tool, open Ai Enhance for the next AI editing workflow.

Continue with Ai Enhance

تحديد

تنسيقات الإدخالHEX (3، 6، 8 أرقام)، RGB، RGBA
تنسيقات الإخراجهيكس، رغب، رغبا
دعم ألفانعم (HEX8، RGBA)
مقتطفات CSSاللون، الخلفية، الحدود
معاينةعينة حية
يعالججانب العميل (فوري)

Related Magic Eraser Tools

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

ما الفرق بين رموز HEX المكونة من 3 أرقام و6 أرقام؟

+

رمز HEX المكون من 3 أرقام مثل #F53 هو اختصار لـ #FF5533 - كل رقم مضاعف. تقبل الأداة كلا النموذجين وتقوم دائمًا بإخراج الرمز الكامل المكون من 6 أرقام للتوضيح.

هل يمكنني إدخال رموز HEX بدون الرمز #؟

+

نعم. تتعرف الأداة على قيم HEX مع أو بدون التجزئة البادئة. سيتم إضافة # إلى الإخراج تلقائيًا.

كيف يمكنني تحويل اللون مع الشفافية؟

+

استخدم رمزًا سداسيًا عشريًا مكونًا من 8 أرقام حيث يمثل آخر رقمين ألفا (على سبيل المثال #FF573380 للتعتيم بنسبة 50%) أو أدخل أربع قيم RGBA. تقوم الأداة بتحويل قناة ألفا بين كلا التنسيقين.

العمل مع ألوان العلامة التجارية في الصور؟

يمكن لـ AI Enhance ضبط ألوان الصور لتتناسب مع لوحة علامتك التجارية. احصل على قيم RGB الدقيقة هنا، ثم استخدمها كمرجع عند تحسين التصوير الفوتوغرافي للمنتج.

جربه مجانا

More free tools

Explore our other limited free edits after sign-in photo and image tools.

تصميم تدرجات جميلة وتصديرها بتنسيق CSS أو صور

تصميم تدرجات خطية وشعاعية ومخروطية مع توقفات لونية متعددة. انسخ كود CSS أو قم بتنزيله كصورة PNG. لا حاجة للتسجيل.

تحويل رموز الألوان بين كل التنسيق الرئيسي

تحويل الألوان بين التنسيقات المسماة HEX وRGB وHSL وHSB وCMYK وCSS. شاهد معاينة مباشرة، وانسخ أي قيمة، وقم بتصدير بطاقة الألوان. لا حاجة للتسجيل.

استخراج الألوان الدقيقة من أي صورة

اختر أي لون من الصورة التي تم تحميلها واحصل على رموز HEX وRGB وHSL الخاصة بها على الفور. أنشئ لوحات من الصور لتصميم الويب والعلامات التجارية والتوضيح.

استخراج لوحة الألوان من أي صورة

قم بتحميل صورة واستخرج 5-10 ألوان سائدة باستخدام رموز HEX وRGB وHSL. انسخ العينات، وقم بالتصدير كمتغيرات ASE أو CSS. لا حاجة للتسجيل.

قم بإنشاء رموز QR قابلة للتخصيص لأي محتوى

قم بإنشاء رموز QR لعناوين URL والنصوص وبيانات اعتماد WiFi وvCards. قم بتخصيص الألوان وإضافة شعار مركزي وتنزيله بتنسيق PNG أو SVG. لا حاجة للتسجيل.

حساب أبعاد البكسل لأي نسبة عرض إلى ارتفاع

حساب العرض أو الارتفاع أو نسبة العرض إلى الارتفاع للصور والفيديو. أدخل أي قيمتين واحصل على الثالثة. نسب محددة مسبقًا لوسائل التواصل الاجتماعي والأفلام والطباعة. لا حاجة للتسجيل.