شعار MyVIPWebTools

محول الألوان — التحويل بين HEX وRGB وHSL وHSV وCMYK

تتيح لك أداة محول الألوان لدينا تعديل لون بأي من خمس صيغ — HEX أو RGB أو HSL أو HSV/HSB أو CMYK — لترى بقية الصيغ تتحدث فورًا لتطابقه. تدعم الأداة أيضًا قناة الشفافية (alpha) في صيغ HEX وRGB وHSL، بحيث يمكنك التعامل مع ألوان CSS شبه الشفافة (rgba()‎ أو hsla()‎ أو hex من 8 خانات) بنفس سهولة الألوان الكاملة العتامة. صُممت هذه الأداة للمطورين الذين يحتاجون نص rgb()‎/hsl()‎ جاهزًا لاستخدامه في CSS، وللمصممين الذين يحوّلون لونًا من الشاشة إلى CMYK لأغراض الطباعة، ولأي شخص يريد فقط معرفة شكل كود hex بصيغة أخرى.

إجابة سريعة

يتيح لك محول الألوان تعديل لون بصيغة HEX أو RGB أو HSL أو HSV/HSB أو CMYK، مع تحديث باقي الصيغ فورًا، ودعم كامل للشفافية (alpha) في HEX وRGB وHSL. الأداة مجانية، وكل العمليات تتم فورًا داخل متصفحك — لا يُرفع أي شيء إلى الخادم.

RGB

HSL

HSV

CMYK

كيفية استخدام محول الألوان — HEX وRGB وHSL وHSV وCMYK

  1. 1

    اكتب كود hex، أو أدخل قيم RGB أو HSL أو HSV أو CMYK مباشرة — أيًا كانت الصيغة التي يتوفر بها لونك.

  2. 2

    تتحدّث بقية الصيغ فورًا لتطابق القيمة أثناء الكتابة أو التعديل.

  3. 3

    حرّك منزلق الشفافية (alpha) إذا احتجت لونًا شبه شفاف — يتوسع حقل hex تلقائيًا إلى 8 خانات، وتتحول نصوص RGB/HSL إلى rgba()‎/hsla()‎.

  4. 4

    راجع معاينة اللون الحية (المعروضة فوق خلفية مربعات الشطرنج لإظهار الشفافية) للتأكد من أن النتيجة تبدو صحيحة.

  5. 5

    انقر على أحد أزرار النسخ لنسخ كود hex أو نص rgb()‎/rgba()‎ أو نص hsl()‎/hsla()‎ مباشرة إلى الحافظة.

لماذا تستخدم محول الألوان — HEX وRGB وHSL وHSV وCMYK؟

نادرًا ما تبقى قيمة اللون بصيغة واحدة لفترة طويلة: مصمم يسلّمك كود hex من ملف Figma، ومطوّر يحتاجه كنص rgba()‎ ضمن متغيّر CSS يتضمن شفافية، ومطبعة تريد نسب CMYK لعملية طباعة أوفست — وتحويل ذلك يدويًا بين هذه الصيغ الخمس (HEX وRGB وHSL وHSV/HSB وCMYK) يعني حفظ معادلات لم يبحث عنها معظم الناس سوى مرة واحدة ثم نسوها. تزيل هذه الأداة هذا العناء: عدّل اللون بأي صيغة متوفرة لديك، وستُعاد حساب بقية الصيغ فورًا باستخدام نفس معادلات التحويل القياسية المعتمدة في أدوات التصميم والمتصفحات. ولأن الأداة تتتبّع لونًا مرجعيًا واحدًا داخليًا وتشتق منه كل صيغة معروضة، لا تنحرف القيم أبدًا عن بعضها كما قد يحدث عند إعادة كتابة قيمة محوّلة يدويًا في أداة أخرى. أُدرجت صيغتا HSV/HSB وCMYK تحديدًا لأنهما تظهران في سياقات مختلفة عن صيغ HEX/RGB/HSL الخاصة بالويب — فـHSV تظهر في كثير من منتقيات الألوان في برامج التصميم (مثل نافذة العجلة والمنزلقات الكلاسيكية في Photoshop)، أما CMYK فتظهر في أي مكان يحتاج فيه اللون إلى أن يصبح حبرًا فعليًا لا مجرد بكسل على الشاشة.

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

أدوات ذات صلة

محول الألوان — HEX وRGB وHSL وHSV وCMYK | MyVIPWebTools