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

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

اسحب داخل مربع التشبع/السطوع لتغيير اللون، وحرّك شريط الصبغة للانتقال إلى عائلة لونية أخرى، فتظهر قيم hex وRGB وHSL جاهزة للنسخ بضغطة. عند كتابة كود hex في الحقل يقفز المربع مباشرة إلى موقعه، وهذا مفيد لضبط لون علامتك التجارية دون البدء من لون عشوائي.

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

1. انقر على منطقة الألوان أو اسحب المحدد لإيجاد لونك المطلوب
2. اضبط بدقة باستخدام شريط تمرير الصبغة وعنصر التحكم بالشفافية
3. انسخ قيمة hex أو RGB أو HSL بنقرة واحدة

متى تستخدم

• اختيار ألوان تأكيدية لـ CSS الموقع دون فتح برامج التصميم.
• تحويل hex من دليل العلامة إلى HSL لاستخدامه في design system.
• بناء لوحة صغيرة من ألوان مجاورة عبر تحريك شريط الصبغة.

النتيجة

اختر برتقالياً دافئاً: #E67E22 و rgb(230, 126, 34) و hsl(28, 80%, 52%).

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

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

HSL يمتد من الأسود إلى الأبيض مارّاً باللون الخالص عند الإضاءة ٥٠٪، ومفيد للدرجات الفاتحة والداكنة المتماثلة. أما HSB المستعمل في Photoshop فيمتد من الأسود إلى اللون الخالص عند السطوع ١٠٠٪، وهو أقرب لطريقة خلط الطلاء.

لماذا تبدو الألوان على الشاشة مختلفة عن الناتج المطبوع؟

الشاشة تستخدم RGB (ضوء إضافي) والطباعة تستخدم CMYK (حبر طارح). الأخضر الزاهي والأزرق الكهربي تحديداً لا توجد لها مكافئات دقيقة في CMYK. اطلب دائماً بروفة على الوسيط المستهدف قبل الاعتماد.

هل أكواد hex الافتراضية متوافقة مع WCAG؟

لا، الإتاحة تعتمد على ثنائي الألوان لا على لون منفرد. اقرن hex المقدّمة بـ hex الخلفية ثم احسب نسبة التباين: لا تقل عن ٤٫٥:١ للنص العادي و٣:١ للنص الكبير.

كيف ألتقط لوناً موجوداً على الشاشة؟

اضغط «التقاط من الشاشة» وستتيح لك القطّارة أخذ عيّنة من أي بكسل على شاشتك — فيُحمّل رمز الـ hex الدقيق مباشرةً في المنتقي لتضبط التشبّع أو السطوع أو الشفافية. (يظهر زر القطّارة فقط حيثما تكون هذه الميزة مدعومة؛ وإلا فاقرأ رمز الـ hex بأداة قياس الألوان في نظامك — Digital Color Meter في macOS أو PowerToys في Windows أو Chrome DevTools — ثم الصقه في حقل الإدخال.)

هل يدعم المنتقي الشفافية؟

نعم. أسفل شريط درجة اللون يوجد منزلق الشفافية يضبط ألفا من 0 إلى 100%. تظهر خلف المعاينة لوحة شطرنج تبيّن مستوى الشفافية بنظرة واحدة، وتتحوّل أزرار نسخ RGB وHSL تلقائيًا إلى rgba() وhsla() عندما تقل ألفا عن 100%.

أدوات ذات صلة