محول الألوان

تحويل الألوان بين صيغ HEX وRGB وHSL فوراً. أدخل لوناً بأي صيغة واحصل على جميع التمثيلات. يعمل في المتصفح.

Drop files here or click to browse

Select File

Accepted formats: TXT, PLAINMax file size: 1 MB
يتم معالجة ملفاتك بالكامل في متصفحك. لا يتم رفع أي شيء إلى أي خادم.

عن هذه الأداة

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

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

  1. 1أدخل قيمة اللون في حقل الإدخال بأي صيغة مدعومة مثل #FF5733 أو rgb(255,87,51) أو hsl(11,100%,60%).
  2. 2ستظهر جميع تمثيلات اللون الأخرى تلقائياً بمجرد إدخال القيمة.
  3. 3انقر على زر النسخ بجانب أي صيغة لنسخها إلى الحافظة.
  4. 4يمكنك رفع ملف نصي يحتوي على عدة ألوان لتحويلها دفعة واحدة.
  5. 5راجع معاينة اللون المعروضة للتحقق من صحة التحويل بصرياً.

متى تستخدم هذه الأداة

  • عند تطوير مواقع ويب وتحتاج لتحويل ألوان CSS بين الصيغ المختلفة.
  • عند العمل على تصاميم جرافيك وتحتاج لمعرفة قيم الألوان بصيغ متعددة.
  • عند نقل ألوان من برنامج تصميم إلى آخر يستخدم صيغة لونية مختلفة.
  • عند الحاجة لضبط درجة اللون أو التشبع أو السطوع باستخدام صيغة HSL.

نصائح وحيل

  • استخدم صيغة HEX للألوان في CSS حيث أنها الأكثر شيوعاً واختصاراً.
  • صيغة HSL مفيدة عندما تريد تعديل درجة اللون أو التشبع بسهولة أكبر.
  • تأكد من تضمين رمز # قبل كود HEX للحصول على تحويل صحيح.
  • لتحويل دفعي، ضع كل لون في سطر منفصل في الملف النصي.

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

HEX هو تمثيل سداسي عشري للون مكون من 6 أحرف يُستخدم كثيراً في CSS. RGB يمثل اللون بقيم الأحمر والأخضر والأزرق من 0 إلى 255. HSL يمثل اللون بدرجة اللون والتشبع والسطوع وهو الأسهل للتعديل البصري.

يدعم المحول حالياً الألوان الصلبة بصيغ HEX وRGB وHSL. لإضافة الشفافية يمكنك استخدام قيمة alpha في صيغة RGBA أو HSLA يدوياً بعد الحصول على القيم الأساسية.

نعم، يمكنك رفع ملف نصي يحتوي على عدة ألوان مفصولة بأسطر جديدة وسيتم تحويلها جميعاً مع عرض النتائج لكل لون على حدة.

أكواد HEX المختصرة تتكون من 3 أحرف بدلاً من 6، مثل #F00 بدلاً من #FF0000. نعم، المحول يدعم الأكواد المختصرة ويحولها تلقائياً إلى الصيغة الكاملة.

أدوات ذات صلة