ToolHub
افتح الأداة

منتقي الألوان

أداة احترافية لاختيار الألوان، تدعم تنسيقات متعددة

أدوات المطورين
تشغيل الأداة جميع الأدوات

حول هذه الأداة

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

الميزات الرئيسية

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

معاينة سريعة

حالات الاستخدام

لون منتقي hex rgb

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

ما تنسيقات الألوان التي تدعمها هذه الأداة؟

تدعم الأداة عرض الألوان بأربعة تنسيقات: HEX (مثل #ff6b6b)، RGB/RGBA (مثل rgb(255, 107, 107))، HSL/HSLA (مثل hsl(0, 100%, 71%))، وHSV (مثل hsv(0, 58%, 100%)). عندما تكون الشفافية أقل من 100%، يتم استخدام تنسيقي RGBA وHSLA تلقائيًا.

كيف يمكنني ضبط شفافية اللون؟

استخدم منزلق الشفافية الموجود أسفل منزلق درجة اللون. اسحب لليسار لتقليل الشفافية ولليمين لزيادتها. يتم تحديث معاينة اللون وجميع قيم التنسيقات في الوقت الفعلي. عندما تكون الشفافية أقل من 100%، يتضمن مخرج HEX قناة الشفافية، ويتحول مخرج RGB/HSL تلقائيًا إلى تنسيق rgba/hsla.

ما الفرق بين HSL وHSV؟

كلاهما نموذجان لونيان أسطوانيان لكنهما يعرفان السطوع بشكل مختلف. في HSL (درجة اللون، التشبع، الإضاءة)، تنتقل الإضاءة من الأسود إلى اللون النقي إلى الأبيض، والإضاءة 100% تكون دائمًا أبيض. في HSV (درجة اللون، التشبع، القيمة)، تنتقل القيمة من الأسود إلى اللون النقي، والقيمة 100% هي أنقى صورة للون. HSL أكثر استخدامًا في CSS، بينما HSV أكثر استخدامًا في برامج الرسوميات.

هل يمكنني إدخال قيم HEX أو RGB مباشرة؟

نعم. يمكنك إدخال قيم HEX مباشرة (مثل #3b82f6) أو قيم RGB (مثل rgb(59, 130, 246)) في حقول الإدخال، وستقوم الأداة بالتحويل الفوري وتحديث جميع عروض التنسيقات الأخرى ومعاينة اللون ومواضع المنزلقات.

كيف يمكنني نسخ قيم الألوان؟

انقر على زر النسخ بجانب أي قيمة تنسيق، وسيتم نسخ قيمة اللون بالتنسيق المعروض إلى الحافظة (مثل #ff6b6b لتنسيق HEX، وrgb(255, 107, 107) لتنسيق RGB). ثم يمكنك لصقها مباشرة في CSS أو أدوات التصميم أو محرر الكود.

أدوات ذات صلة

مدقق JSONمولّد التجزئةمولّد UUIDمختبر التعابير النمطية