انتقل إلى المحتوى
Monu Tools

محوّل الألوان

حوّل الألوان بين HEX وRGB وHSL مع معاينة مباشرة.

كيفية استخدام محوّل الألوان

  1. 01

    أدخل لونًا بصيغة HEX، مثل #ff8800.

  2. 02

    شاهده محوّلًا إلى RGB وHSL على الفور.

  3. 03

    انسخ أي صيغة تحتاجها.

ماذا يفعل

هذا هو محول الألوان لأعمال الويب والتصميم الذي يترجم اللون بين التنسيقات الثلاثة التي تستخدمها كثيرًا: HEX وRGB وHSL، مع عينة حية حتى تتمكن من رؤية ما تعمل به بالضبط.

هذا هو الرابط اليومي بين التصميم والتعليمات البرمجية: مطابقة لون العلامة التجارية من نموذج بالحجم الطبيعي إلى متغير CSS، أو تحويل قيمة قدمها لك المصمم بتنسيق واحد إلى تلك التي يريدها إطار العمل الخاص بك، أو العثور على ظل أفتح قليلاً لحالة التمرير.

يتم تشغيل كل شيء في متصفحك، لذا فهو فوري ولا يتم إرسال أي شيء تدخله إلى أي مكان.

كيف تختلف الأشكال

يصف كل تنسيق نفس اللون بشكل مختلف. HEX (مثل #ff8800) هو النموذج المضغوط المستخدم في CSS وHTML. يوضح RGB القنوات الحمراء والخضراء والزرقاء مباشرة، وهي الطريقة التي تفكر بها الشاشات والأكواد مثل اللوحة القماشية في اللون. يصف HSL اللون والتشبع والخفة، وهو أمر أكثر بديهية عندما تريد دفع لون ما: قم بتغيير اللون لتغييره حول العجلة، أو الخفة لجعله أكثر قتامة دون اختيار رمز جديد يدويًا.

كيف يعمل التحويل

أدخل قيمة HEX وسيتم تحديث مكافئات RGB وHSL على الفور، حتى تتمكن من الحصول على أي تنسيق تتوقعه الأداة أو قاعدة التعليمات البرمجية الموجودة أمامك.

ما لم يتم تغطيته بعد

تركز الأداة حاليًا على الألوان غير الشفافة في HEX وRGB وHSL؛ لم يتم تضمين دعم ألفا (التعتيم) بعد.

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

ما الصيغ المدعومة؟

HEX (بصيغة ‎#rgb أو ‎#rrggbb) وRGB وHSL. أدخل قيمة HEX وتتحدّث الصيغ الأخرى مباشرة.

هل تدعمون الشفافية (alpha)؟

ليس بعد. تركّز هذه الأداة على HEX وRGB وHSL المعتمة. يمكن إضافة دعم الشفافية لاحقًا.

المصادر

الإبلاغ عن مشكلة