ملتقط الألوان الاحترافي

اختر اللون المثالي لتصميمك واحصل على أكواد HEX, RGB, HSL فوراً.

HEX Code
RGB Code rgb(217, 4, 41)
HSL Code hsl(350, 96%, 50%)

ما هو الفرق بين صيغ الألوان؟

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

أداة منتقي الألوان (Color Picker)

أداة منتقي الألوان (Color Picker) مجانية تساعد المصمّمين والمطوّرين على اختيار الألوان والحصول على قيمها بصيغ HEX وRGB وHSL بسهولة. سواء كنت تبني هوية بصرية أو تنسّق ألوان موقع أو تصمّم واجهة، توفّر لك الأداة القيم الدقيقة للون الذي تريده لاستخدامه مباشرة في الكود أو برامج التصميم.

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

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

1) حرّك منتقي الألوان أو أدخل قيمة لون. 2) شاهد القيم الناتجة بصيغ HEX وRGB وHSL. 3) انسخ القيمة التي تحتاجها بنقرة واحدة. 4) استخدمها في كود CSS أو في تصميمك مباشرة.

المميزات والاستخدامات

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

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

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

كيف أستخدم قيمة اللون في موقعي؟

انسخ قيمة HEX أو RGB والصقها في خاصية color أو background في كود CSS.

هل يمكنني تحويل لون بين الصيغ المختلفة؟

نعم، تعرض الأداة كل صيغة في نفس الوقت ما يسهّل التحويل بينها.

هل الأداة مجانية؟

نعم، أداة منتقي الألوان مجانية بالكامل ولا تتطلب تسجيلًا.

هل أحتاج إلى اتصال دائم بالإنترنت؟

الأداة تعمل داخل المتصفح، ويمكن استخدامها بسلاسة دون إرسال بياناتك لأي خادم.