محول الألوان
التحويل بين HEX و RGB و HSL و CMYK
جميع صيغ الألوان
لوحات الألوان المولَّدة
انقر على أي عيّنة لتحميلها كاللون النشط.
حول محول الألوان
تحويل الألوان بين صيغ HEX و RGB و HSL و CMYK ضروري لتطوير الويب والتصميم. كل صيغة تخدم أغراضاً مختلفة في CSS والطباعة والوسائط الرقمية.
ما هي أداة محول الألوان؟
محول الألوان هو أداة مجانية على الإنترنت تحوّل لونًا واحدًا إلى أكثر من عشر صيغ دفعة واحدة: HEX (الكامل والمختصر)، وHEX8 مع قناة ألفا، وRGB، وRGBA، وHSL، وHSLA، وHSV/HSB، وCMYK، وأقرب اسم لون قياسي في CSS. يتضمّن منتقي ألوان مرئيًا، وشريط شفافية (ألفا)، ومعاينة حية، فيمكنك اختيار لون بالنظر أو كتابة رمز مباشرة ومشاهدة كل صيغة تتحدث معًا. تخدم كل صيغة غرضًا مختلفًا: HEX وRGB قياسيتان للشاشات والويب، وHSL وHSV تسهّلان فهم درجة اللون والتشبع والإضاءة والسطوع، وRGBA وHSLA تضيفان الشفافية، وCMYK تُستخدم للطباعة. وإلى جانب التحويل، تولّد الأداة لوحات ألوان جاهزة من لونك: درجات داكنة، ودرجات فاتحة، ولونًا مكمّلًا، وألوانًا متجاورة وثلاثية وأحادية اللون، تُعرض كلها كعيّنات مع قيمة HEX لكل منها. بنقرة واحدة يمكنك نسخ أي قيمة أو تحميل أي عيّنة كلون أساسي جديد. كل شيء يعمل في متصفحك دون الحاجة إلى تسجيل.
كيفية استخدام محول الألوان؟
لا يستغرق تحويل اللون وبناء لوحة الألوان سوى لحظة:
-
1
اختر لونًا باستخدام منتقي الألوان المرئي، أو اكتب رمز
HEXمثل#FF5733مباشرة في حقل الإدخال. -
2
شاهد اللون محوَّلًا فورًا إلى كل الصيغ دفعة واحدة:
HEXوالمختصر وHEX8وRGBوRGBAوHSLوHSLAوHSVوCMYKوأقرب اسم لون CSS، إلى جانب عيّنة معاينة. -
3
اسحب شريط الشفافية لضبط قيمة ألفا، وتتحدث مخرجات
RGBAوHSLAوHEX8بالشفافية التي اخترتها. - 4 مرّر إلى لوحات الألوان المولَّدة لرؤية الدرجات الداكنة والفاتحة واللون المكمّل والألوان المتجاورة والثلاثية وأحادية اللون. انقر على أي عيّنة لتحميلها كاللون النشط وتحويلها فورًا.
- 5 انقر على زر النسخ بجانب أي صيغة لنسخها إلى الحافظة، جاهزة للاستخدام في قواعد CSS أو أدوات التصميم أو مشاريع الطباعة.
لماذا تستخدم هذه الأداة؟
ينتقل المصممون والمطورون باستمرار بين الشاشة والطباعة، وبين السمات الفاتحة والداكنة، وبين الألوان الصلبة والشفافة، وتتوقع كل حالة صيغة مختلفة. التحويل يدويًا عرضة للأخطاء، وقد تنقل قيمة خاطئة لون العلامة التجارية بشكل ملحوظ. تمنحك هذه الأداة كل صيغة من مدخل واحد في لحظة، مع معاينة تتيح لك تأكيد الدرجة قبل نسخها. تُعد HSL وHSV مفيدتين لفهم درجة اللون والسطوع، وتغطي RGBA وHSLA وHEX8 الشفافية للتراكبات والتدرّجات، ويساعدك أقرب اسم لون CSS على ملاحظة متى تقترب القيمة من كلمة مفتاحية قياسية. ويزيل مولّد لوحات الألوان المدمج التخمين من نظرية الألوان: تقترح التوافقات المكمّلة والثلاثية ألوانًا مميِّزة، وتبدو المجموعات المتجاورة متناسقة، وتمنحك الدرجات الداكنة والفاتحة والأحادية تنويعات جاهزة لحالات التمرير والحدود والخلفيات. ولأنها تعمل بالكامل في متصفحك، لا تُرفع ألوانك أبدًا، وتعمل الأداة بسرعة حتى دون اتصال. إنها مجانية ولا تتطلب حسابًا وتوفّر الوقت في كل مهمة تصميم.
أمثلة
أدخل قيمة العلامة HEX وهي #1A73E8 واقرأ ما يعادلها بصيغة CMYK ليتمكن المطبَعجي من إعادة إنتاجها بدقة على الورق.
اختر لونًا أساسيًا واستخدم الدرجات الداكنة والفاتحة المولَّدة لملء حالات التمرير والحدود وتنويعات الخلفية دون حساب يدوي.
اضبط شريط الشفافية على 50% وانسخ سلسلة RGBA الناتجة مثل rgba(0, 0, 0, 0.5) مباشرة إلى تراكب CSS.
خذ لون علامتك الأساسي واقرأ عيّناته المكمّلة أو الثلاثية لإيجاد لون مميِّز متوازن للأزرار والإبرازات.
الأسئلة الشائعة
هل محول الألوان مجاني؟
نعم. الأداة مجانية تمامًا دون تسجيل ودون حدود ودون الحاجة إلى حساب. يمكنك تحويل أي عدد من الألوان تشاء.
ما صيغ الألوان المدعومة؟
تعرض HEX والمختصر وHEX8 مع ألفا وRGB وRGBA وHSL وHSLA وHSV/HSB وCMYK وأقرب اسم لون CSS، كلها دفعة واحدة من مدخل واحد.
ماذا تضيف صيغ RGBA وHSLA وHEX8؟
تتضمن قناة ألفا (شفافية) للشفافية. استخدم شريط الشفافية لضبط ألفا، وتتحدث هذه الصيغ لتبني التراكبات والظلال والتدرّجات.
ما لوحات الألوان التي تولّدها الأداة؟
من لونك المختار تبني درجات داكنة وفاتحة ولونًا مكمّلًا وألوانًا متجاورة وثلاثية وأحادية اللون، تُعرض كل منها كعيّنة قابلة للنقر مع قيمة HEX الخاصة بها.
متى أستخدم CMYK بدلًا من HEX أو RGB؟
تُعد HEX وRGB الأفضل للشاشات والويب، بينما تُقصد CMYK للطباعة. استخدم CMYK عند تجهيز عمل فني للطباعة المادية.
هل تُرفع ألواني إلى أي مكان؟
لا. يتم كل التحويل في متصفحك، لذا لا تُرسل ألوانك أبدًا إلى أي خادم، وتعمل الأداة بسرعة حتى على الاتصالات البطيئة.
أدوات ذات صلة
استكشف المزيد من الأدوات المجانية التي قد تفيدك