منتقي الألوان ورموز HEX: مكتشف ألوان الصور
أفضل أداة مجانية لانتقاء الألوان ومكتشف ألوان الصور عبر الإنترنت. استخرج على الفور قيم HEX وRGB وHSL وCMYK الدقيقة من أي صورة أو لقطة شاشة.
لوحة الألوان
الألوان
دليل منتقي الألوان النهائي ومكتشف ألوان الصور
الأداة المجانية الأكثر تقدمًا للمصممين والمطورين.
دقة بكسل مثالية
يستخدم منتقي ألوان الصور محرك اللوحة الأولية لتحديد رموز الألوان HEX وقيم RGB الدقيقة لأي بكسل، مما يضمن دقة احترافية لتصميماتك. يمكنك العثور على قيم ست عشرية للألوان ورموز ألوان HTML الدقيقة على الفور.
100٪ التركيز على الخصوصية
نحن نؤمن بالأمن. هذه أداة مكتشف الألوان من الصورة من جانب العميل، مما يعني أن صورك تتم معالجتها محليًا في متصفحك ولا يتم تحميلها مطلقًا على خوادمنا. تظل الرموز السداسية خاصة بك.
استخراج فوري
لا يلزم التسجيل. ما عليك سوى السحب والإفلات لاستخراج الألوان على الفور. تم تحسين أداتنا للسرعة، وتقديم أكواد HEX وRGB وHSL في أجزاء من الثانية.
استجابة كاملة
حدد الألوان أثناء التنقل. يعمل منتقي الألوان المتوافق مع الأجهزة المحمولة بسلاسة على الهواتف الذكية والأجهزة اللوحية (iOS وAndroid) مع واجهة محسّنة للمس.
تاريخ ذكي
لا تفقد لونًا مرة أخرى. نحفظ تلقائيًا أكواد الألوان التي اخترتها مؤخرًا محليًا، مما يسمح لك ببناء لوحة متماسكة أثناء عملك.
مولد لوحة تلقائي
أكثر من مجرد منتقي. تحلل خوارزميتنا صورتك لإنشاء لوحة ألوان جميلة ومتناسقة على الفور جاهزة لمشروعك التالي.
كيفية البحث عن الألوان من الصور واستخراج رموز HEX
ثلاث خطوات بسيطة لاستخدام منتقي الألوان من أداة الصور والحصول على رموز الألوان الدقيقة.
تحميل أو إسقاط الصورة
اسحب وأفلت أي ملف (JPG أو PNG أو WebP) في منطقة التحميل. تقوم أداتنا بتحليل صورتك على الفور وإعدادها لاستخراج الألوان.
حدد بكسل دقيق
انقر في أي مكان على الصورة. استخدم أداة العدسة المكبرة الشاملة للتكبير وتحديد لون البكسل الدقيق الذي تحتاجه.
نسخ أكواد الألوان
انسخ على الفور كود HEX أو قيمة RGB أو سلسلة HSL إلى الحافظة الخاصة بك بنقرة واحدة.
رموز الألوان HEX، ورموز الألوان HTML وجميع التنسيقات المدعومة
دعم احترافي للرموز السداسية وجميع معايير الألوان الرقمية والمطبوعة الرئيسية.
HEX
رموز الألوان السداسية (سداسي عشري). تنسيق الست عشري للألوان القياسي المكون من 6 أرقام والمستخدم في رموز ألوان HTML، وأوراق أنماط CSS، ومشاريع تصميم SVG.
RGB
أحمر، أخضر، أزرق. نظام الإحداثيات الأصلي للشاشات الرقمية والشاشات وأجهزة استشعار الكاميرا.
HSL
تدرج اللون، التشبع، الإضاءة. التنسيق المفضل لضبط الألوان البديهي والتناغم.
CMYK
سماوي، أرجواني، أصفر، أسود. قيم أساسية لإنتاج الطباعة الفعلية واتساق العلامة التجارية.
RGBA
RGB + ألفا. يضيف قناة شفافية إلى RGB القياسي، مثالي لتأثيرات الشفافية على الويب.
HSLA
HSL + ألفا. التنسيق الأقوى لتصميم واجهة المستخدم الحديثة، يجمع بين منطق الألوان البديهي والتحكم في الشفافية.
الدليل النهائي لاستخدام منتقي الألوان
كل ما تحتاج لمعرفته حول استخراج الألوان المثالية للبكسل لسير عمل التصميم الخاص بك. أتقن فن اختيار الألوان.
1. الدقة مهمة
تختلف الشاشات، و"التقدير بالعين" يؤدي إلى علامة تجارية غير متسقة.
يقوم محرك البكسل الخام الخاص بنا بتحليل بيانات الصورة برمجيًا لاستخراج قيمة اللون الرياضية الدقيقة (HEX، RGB، HSL)، مما يضمن أن اللون الأخضر في شعارك يطابق CSS الخاص بك تمامًا.
2. إمكانية الوصول والتصميم
العثور على الرمز هو الخطوة الأولى فقط. تحقق دائمًا من نسب تباين WCAG (استهدف 4.5:1) لضمان سهولة القراءة.
تجنب الألوان الاهتزازية عالية التشبع. اختبر أكواد HEX الخاصة بك عبر أنواع أجهزة متعددة (OLED مقابل LCD) لضمان تجربة مستخدم متسقة.
3. سير عمل احترافي
قم بتبسيط عمليتك: قم بتحميل نموذج، واستخدم العدسة المكبرة لتحديد اللهجات، وانسخ أكواد HEX مباشرة إلى الحافظة الخاصة بك.
احفظ هذه بشكل منهجي في متغيرات نظام
التصميم الخاص بك (على سبيل المثال --primary: #3DAF73;) للحصول على كود قابل
للتطوير وقابل للصيانة.
4. علم نفس الألوان
الألوان تقود السلوك. هل تعلم أن اللون الأزرق يثير الثقة بينما البرتقالي يخلق الإلحاح؟
استخدم منتقينا لتحليل مواقع المنافسين الناجحة. استخرج أكواد الألوان الدقيقة الخاصة بهم لفهم المحفزات النفسية وراء تصميماتهم عالية التحويل.
الأسئلة الشائعة
هل هذه الأداة مجانية؟
هل يتم رفع صوري؟
ما هي التنسيقات المدعومة؟
كيف يمكنني نسخ الكود؟
هل هو دقيق؟
ما هي رموز الألوان HEX وكيف أستخدمها؟
#3DAF73 هي نغمة خضراء. وهي التنسيق القياسي لرموز ألوان HTML المستخدمة في CSS وسمات HTML وأدوات التصميم مثل Figma وPhotoshop. يقوم منتقي الألوان لدينا على الفور باستخراج رموز الألوان السداسية الدقيقة من أي بكسل في الصورة التي تم تحميلها، حتى تتمكن من نسخها ولصقها مباشرة في الكود الخاص بك.