تخطي إلى المحتوى الرئيسي
FreeOnlineTools Go
العربية
كيف

كيفية تحويل الألوان بين HEX وRGB وHSL

بواسطة FreeOnlineTools Team · تم التحديث في 2026-09-02

إجابة سريعة

HEX #FF8800 = RGB(255,136,0) = HSL(32°,100%,50%). استخدم محول الألوان المجاني للتحويل الفوري بين HEX وRGB وHSL في متصفحك — بدون رفع، خاص تماماً.

مقدمة

تحويل الألوان بين التنسيقات ضروري للتصميم والتطوير. HEX إلى RGB: قسّم كل زوج من الأحرف الست عشرية إلى قيمة عشرية. RGB إلى HSL يتطلب تحويل قيم r وg وb إلى نسب ثم حساب التشبع والإضاءة. HSL بديهي لتعديل درجة اللون.

خطوة بخطوة

  1. افتح أداة تحويل الألوان

    انتقل إلى صفحة أداة تحويل الألوان. تدعم الأداة تنسيقات HEX، وRGB، وHSL، وHSV، وCMYK.

  2. أدخل اللون الخاص بك

    اكتب أو الصق قيمة لون بأي تنسيق مدعوم. أمثلة: '#ff6600'، 'rgb(255, 102, 0)', 'hsl(24, 100%, 50%)'. تقوم الأداة بالكشف التلقائي عن تنسيق الإدخال.

  3. مراجعة جميع معادلات التنسيق

    تعرض الأداة اللون بجميع التنسيقات في وقت واحد: HEX، RGB، HSL، HSV، وCMYK. كما يعرض أيضًا عينة معاينة الألوان حتى تتمكن من التحقق من صحة التحويل.

  4. انسخ التنسيق الذي تحتاجه

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

  5. ضبط اللون (اختياري)

    تتيح لك بعض الأدوات ضبط اللون باستخدام أشرطة التمرير (لـ HSL: تدرج اللون، والتشبع، والخفة) ورؤية تحديث جميع التنسيقات في الوقت الفعلي. وهذا مفيد للعثور على الألوان أو الظلال ذات الصلة.

أمثلة

HEX إلى RGB وHSL

مدخل: #ff6600

الإخراج: RGB: rgb(255, 102, 0) HSL: hsl(24، 100%، 50%)

RGB إلى HEX

مدخل: رغب (0، 128، 255)

الإخراج: HEX: #0080ff HSL: hsl(210، 100%، 50%)

HSL إلى HEX

مدخل: هسل (120، 100٪، 50٪)

الإخراج: HEX: #00ff00 RGB: rgb(0, 255, 0)

المشاكل الشائعة

  • HEX مع مقابل بدون # - تتطلب بعض الأدوات البادئة #، والبعض الآخر لا يتطلب ذلك. محولنا يقبل كلا الأمرين.
  • 3 أرقام مقابل 6 أرقام HEX —#f60 هو اختصار لـ #ff6600. كلاهما صالح؛ يتم تطبيع المحول إلى 6 أرقام.
  • HSL نطاق تدرج اللون - تدرج اللون هو 0-360 درجة (دائرة). 0 و360 كلاهما باللون الأحمر. القيم فوق 360 تلتف حولها.
  • اختلافات مساحة اللون —HEX، وRGB، وHSL كلها من نوع sRGB. CMYK عبارة عن مساحة ألوان مختلفة (طباعة) ويكون التحويل تقريبيًا.

نصائح

  • استخدم HSL لإنشاء تنوعات الألوان - يعد ضبط تدرج اللون، أو التشبع، أو الإضاءة أكثر سهولة من RGB.
  • استخدم HEX لـ CSS — وهو التنسيق الأكثر إحكامًا ودعمًا على نطاق واسع في أوراق الأنماط.
  • استخدم RGB عندما تحتاج إلى تعيين شفافية ألفا —rgb(255, 102, 0, 0.5) للحصول على عتامة بنسبة 50% (أو استخدم HEX المكون من 8 أرقام: #ff660080).
  • استخدم محول الألوان الخاص بنا لإجراء تحويل فوري وخاص بين جميع تنسيقات الألوان.

الأدوات ذات الصلة

  • محول الألوان — حوّل الألوان بين HEX وRGB وHSL فوراً في متصفحك. بدون رفع، خاص تماماً.
  • منتقي الألوان — اختر الألوان واحصل على قيم HEX وRGB وHSL في متصفحك. مجاني، عبر الإنترنت، بدون رفع، خاص تماماً.
  • Hex to RGB Color Converter — Free online hex to rgb color converter. Process data instantly in your browser. No upload, no signup, fully private.
  • فاحص تباين الألوان (WCAG) — فاحص تباين الألوان (WCAG) مجاني عبر الإنترنت. معالجة البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.
  • مولّد لوحة الألوان — مولّد لوحة الألوان مجاني عبر الإنترنت. معالجة البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.
  • إضافة علامة مائية إلى صورة مجاناً — أضف علامة مائية إلى صورة مجاناً عبر الإنترنت. معالجة البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.
  • مولّد أيقونات التطبيقات — مولّد أيقونات التطبيقات مجاني عبر الإنترنت. يعالج البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.
  • محول AVIF إلى PNG — حوّل AVIF إلى PNG مجاناً عبر الإنترنت. معالجة البيانات فوراً في متصفحك. بدون رفع، بدون تسجيل، خاص تماماً.

أدلة ذات صلة

مراجع