منتقي الألوان
اختر لوناً من العينة أو أمسك واحداً من شاشتك مباشرة عبر واجهة EyeDropper — hex وRGB وHSL تُنسخ بنقرة واحدة.
#0071e3rgb(0, 113, 227)hsl(210, 100%, 45%)Your browser does not expose the EyeDropper API, so use the swatch input; hex/rgb/hsl values still update live.
تعمل هذه الأداة بالكامل داخل متصفحك. بياناتك لا تغادر جهازك أبداً — لا يتم رفعها إلى أي خادم.
طريقة الاستخدام
- 1انقر عينة اللون واختر لوناً، أو استخدم «أخذ من الشاشة» حيث تتاح.
- 2اقرأ قيم hex وRGB وHSL تحت المعاينة.
- 3انقر «نسخ» بجوار الصيغة التي تحتاجها.
منتقي الألوان
انقر العينة لتأليف لون بصرياً، أو — في متصفحات Chromium — استخدم «أخذ من الشاشة» لأخذ عينة من أي بكسل معروض أصلاً. تظهر القيمة المختارة دفعة واحدة بصيغ hex وrgb() وhsl()، ولكل منها زر نسخ خاص.
يستخدم أخذ العينات واجهة EyeDropper المدمجة في المتصفح ويقرأ البكسل محلياً؛ لا شيء يُسجَّل أو يُرفع أو يُخزَّن. وفي المتصفحات بلا الواجهة، يُبقي إدخال العينة كل شيء يعمل.
الأسئلة الشائعة
لماذا لا يظهر خيار «أخذ من الشاشة»؟
تتاح واجهة EyeDropper حالياً في المتصفحات المبنية على Chromium (Chrome وEdge وBrave وOpera). لا تكشفها Firefox وSafari بعد، فتعرض تلك المتصفحات إدخال العينة فقط — وكل شيء آخر يعمل بصورة مطابقة.
ما الفرق بين hex وRGB وHSL؟
تصف اللون نفسه بثلاث طرق: يضمّن hex الأحمر والأخضر والأزرق في #RRGGBB لـ CSS وأدوات التصميم؛ وتصرح rgb() بالقنوات الثلاث رقمياً؛ وتعبّر hsl() عن التدرج والتشبع والإضاءة، وهو أسهل لبناء لوحات الألوان وحالات التحويم يدوياً.
هل أخذ العينات من الشاشة خاص؟
نعم. تعرض واجهة EyeDropper منتقياً من النظام وتعيد البكسل الواحد الذي نقرته فقط؛ ويجري القراءة في متصفحك ولا يُرسل أو يُحفظ أي لقطة أو سجل أو قيمة.
أدوات ذات صلة
محوّل الألوان
الصق لوناً بصيغة hex أو rgb() أو hsl() واحصل على الصيغ الثلاث مع صف جاهز من التفتيحات والتغميقات لنظام تصميمك.
كل الأدوات →
مولّد رموز QR
حوّل أي نص أو رابط إلى رمز QR حاد بمقاس وألوان ومستوى تصحيح أخطاء قابلَين للضبط — نزّله PNG أو SVG.
كل الأدوات →
مولّد الباركود
أنشئ باركود CODE128 وEAN-13 وUPC-A قابلاً للمسح بعرض وارتفاع قضبان قابلَين للضبط — ناتج SVG متجهي يُرسم في متصفحك.
كل الأدوات →
آلة حاسبة نسبة الأبعاد
مع نسبة مثل 16:9 وبُعد واحد، احصل على العرض أو الارتفاع الناقص فوراً — مع إعدادات جاهزة من 1:1 إلى 21:9 للفيديو والتصميم.
كل الأدوات →
تضمين هذه الأداة
أضف هذه الأداة إلى موقعك بسطر واحد — تعمل في متصفح الزائر.
<iframe src="https://zoyku.com/ar/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>