منتقي الألوان
اختر لوناً من صورة مرفوعة، أو من شاشتك باستخدام EyeDropper، أو بمنتقي الألوان الأصلي، أو بمنزلقات RGB/HSL، أو بلصق قيمة Hex. شاهد HEX و RGB و RGBA و HSL و HSLA و HSV و CMYK و OKLCH دفعة واحدة، بالإضافة إلى أقرب اسم لون CSS، والتباين مقابل الأسود/الأبيض، ولوحات التناغم الكاملة.
تُعالج الصور وقيم الألوان في متصفحك. لا يتم رفع أي شيء إلى أي خادم.
كيفية استخدام منتقي الألوان
- اختر لوناً بمنتقي الألوان الأصلي، أو ألصق Hex، أو استخدم منزلقات RGB/HSL.
- ارفع صورة، اسحبها وأفلتها، أو ألصقها — ثم انقر على أي بكسل لالتقاط لونه.
- في المتصفحات المدعومة، انقر 'اختر من الشاشة' لاستخدام واجهة EyeDropper.
- انقر على أي قيمة (HEX, RGB, HSL, HSV, CMYK, OKLCH) لنسخها.
- تصفّح لوحات التدرّجات الفاتحة والداكنة والأحادية والمتممة والمتجانسة والثلاثية والرباعية والمتممة المنقسمة.
- احفظ الألوان في الأخيرة — تبقى في متصفحك عبر localStorage.
الأسئلة الشائعة
هل يمكنني اختيار لون من صورة؟
نعم. ارفع صورة، اسحبها وأفلتها، أو ألصقها من الحافظة. مرّر فوقها لمعاينة لون البكسل، ثم انقر أو اضغط لاختياره. كل شيء يبقى في متصفحك.
ما هو OKLCH ولماذا نستخدمه؟
OKLCH هو فضاء لون إدراكي (Lightness, Chroma, Hue) يعطي خطوات لونية أكثر انتظاماً من HSL. يدعمه CSS أصلياً كـ `oklch()` منذ 2023.
هل يعمل EyeDropper في جميع المتصفحات؟
يعمل في المتصفحات المبنية على Chromium (Chrome, Edge, Opera) على سطح المكتب. لا يظهر الزر إلا عند الدعم.
ما مدى دقة CMYK هنا؟
إنه تقريب للشاشة (بدون ملف تعريف ICC). للأعمال المطبوعة، استخدم دائماً ملف تعريف CMYK حقيقياً في تطبيق التصميم.
لماذا لا يطابق اللون الذي ألتقطه من الشاشة بـ EyeDropper لون CSS لديّ؟
EyeDropper يأخذ البكسل المعروض — ما تظهره الشاشة فعلياً بعد إدارة الألوان. على شاشة P3 واسعة المدى، يختلف ذلك قليلاً عن hex sRGB في ملف التنسيقات. لـ CSS مطابق للعلامة التجارية بدقّة، التقط من مصدر التصميم (Figma أو الأصل) لا من الشاشة المعروضة.