ترى لوناً يعجبك في صورة فوتوغرافية أو لقطة شاشة لموقع أو أصل علامة تجارية، وتحتاج لمعرفة اللون بالضبط. ربما تصمم موقعاً وتريد مطابقة صورة العلامة التجارية لعميل. ربما تنشئ عرضاً تقديمياً وتريد ألواناً تتناسب مع صورة منتج. أو ربما أنت مطور يحتاج رمز HEX الدقيق لملف CSS. أداة منتقي الألوان تتيح لك النقر على أي بكسل في صورة والحصول على قيمة لونها الدقيقة فوراً.
لماذا تختار ألواناً من الصور؟
- اتساق العلامة التجارية. استخرج الألوان الدقيقة من شعار أو صورة علامة تجارية لاستخدامها عبر تصاميمك، مما يضمن تطابق كل شيء تماماً.
- تطوير الويب. احصل على قيم HEX أو RGB الدقيقة التي تحتاجها لـ CSS، وطبّقها مباشرة في الكود.
- التصميم الداخلي والأزياء. حدد الألوان من صور الإلهام للعثور على دهانات أو أقمشة أو مواد مطابقة.
- الفن والرسوم التوضيحية. اعيّن ألواناً من صور مرجعية لبناء لوحات ألوان دقيقة لأعمالك الفنية.
- فحوصات إمكانية الوصول. حدد ألوان المقدمة والخلفية لاختبار نسب التباين للامتثال لـ WCAG.
فهم تنسيقات الألوان
عندما تختار لوناً، ستراه عادةً معبراً عنه بثلاثة تنسيقات. كل منها يخدم أغراضاً مختلفة:
- HEX: رمز من ستة أحرف مسبوق بعلامة التجزئة، مثل #3B82F6. هذا هو التنسيق الأكثر شيوعاً لتطوير الويب وأدوات التصميم. كل زوج من الأحرف يمثل مكونات الأحمر والأخضر والأزرق بالترميز السداسي عشري.
- RGB: يحدد اللون كثلاثة أرقام من 0 إلى 255، مثل rgb(59, 130, 246). كل رقم يمثل شدة الضوء الأحمر والأخضر والأزرق. RGB مستخدم على نطاق واسع في CSS وبرامج تعديل الصور والشاشات الرقمية.
- HSL: يحدد اللون باستخدام درجة اللون (0-360 درجة على عجلة الألوان)، والتشبع (0-100%)، والسطوع (0-100%)، مثل hsl(217, 91%, 60%). HSL غالباً أكثر سهولة للمصممين لأنك تستطيع بسهولة إنشاء تنويعات بتعديل السطوع أو التشبع مع الحفاظ على نفس درجة اللون.
كيفية استخدام منتقي الألوان من fileGOD
أداة منتقي الألوان على fileGOD تجعل استخراج الألوان بسيطاً:
- الخطوة 1: افتح أداة منتقي الألوان وأسقط أي صورة (JPEG أو PNG أو WebP أو التنسيقات الشائعة الأخرى).
- الخطوة 2: انقر في أي مكان على الصورة لأخذ عينة اللون في ذلك البكسل.
- الخطوة 3: تعرض الأداة قيمة اللون بتنسيقات HEX وRGB وHSL في نفس الوقت.
- الخطوة 4: انسخ القيمة التي تحتاجها بنقرة واحدة والصقها مباشرة في أداة التصميم أو محرر الكود أو المستند.
نصائح لاختيار ألوان دقيقة
- كبّر للدقة. الصور الفوتوغرافية تحتوي على آلاف قيم الألوان المختلفة قليلاً. كبّر للتأكد أنك تنقر على البكسل الذي تريده بالضبط، وليس بكسلاً مجاوراً.
- خذ عينات من نقاط متعددة. لون يبدو موحداً لعينك قد يتفاوت عبر الصورة بسبب الإضاءة أو الظلال أو تشوهات الضغط. خذ عينات من بضع بكسلات قريبة واحسب المتوسط للحصول على اللون الأكثر تمثيلاً.
- استخدم صوراً مصدر عالية الجودة. ملفات JPEG المضغوطة بشدة تقدم تشوهات لونية. إذا أمكن، استخدم PNG أو JPEG عالي الجودة لأخذ عينات ألوان أكثر دقة.
- تحقق من معايرة شاشتك. الألوان على الشاشة تعتمد على إعدادات العرض. إذا كانت دقة الألوان حرجة، تأكد من معايرة شاشتك بشكل صحيح.
كما هو الحال مع جميع أدوات fileGOD، يعمل منتقي الألوان بالكامل في متصفحك. لا يتم رفع صورك إلى أي خادم أبداً، مما يجعله آمناً للاستخدام مع أصول التصميم السرية أو مواد العلامة التجارية غير المنشورة.