ترى اللون المثالي في موقع ويب أو تطبيق أو صورة — كيف تحصل على كود اللون بالضبط؟ أنت بحاجة إلى أداة اختيار ألوان من الشاشة.
لماذا تحتاج أداة اختيار ألوان
- مصممو الويب: مطابقة الألوان من التصميمات المرجعية أو المنافسين أو مواقع الإلهام
- المطورون: الحصول على قيم Hex/RGB الدقيقة لـ CSS وHTML وأُطُر واجهة المستخدم
- مصممو الجرافيك: اختيار الألوان من الصور أو الأعمال الفنية لإنشاء لوحات ألوان
- مديرو العلامات التجارية: التحقق من استخدام ألوان العلامة التجارية بشكل صحيح عبر المنصات
- مقدمو العروض: مطابقة ألوان الشرائح مع العلامة التجارية للشركة
شرح صيغ الألوان
Hex (#RRGGBB)
الصيغة الأكثر شيوعًا لتطوير الويب. ستة أحرف سداسية عشرية تمثل قيم الأحمر والأخضر والأزرق. مثال: #0078D4 (أزرق Microsoft).
RGB (R, G, B)
ثلاث قيم عشرية من 0-255 لكل قناة. مثال: rgb(0, 120, 212). تُستخدم في CSS وأدوات التصميم والبرمجة.
HSL (H, S%, L%)
تدرّج اللون (0-360 درجة)، التشبع (0-100%)، الإضاءة (0-100%). مثال: hsl(207, 100%, 42%). بديهية لإنشاء تنويعات الألوان — فقط عدّل الإضاءة للحصول على درجات أغمق/أفتح.
كيفية استخدام أداة اختيار الألوان في CaptureX Pro
- افتح CaptureX Pro واختر أداة اختيار الألوان (Color Picker) من قائمة الأدوات
- يتحول المؤشر إلى قطّارة مكبّرة تظهر معاينة مكبّرة
- مرّر فوق أي بكسل على أي شاشة (يعمل عبر شاشات متعددة)
- انقر لالتقاط اللون
- يُنسخ كود اللون إلى الحافظة بالصيغة المفضلة لديك (Hex أو RGB أو HSL)
- الصقه مباشرة في محرر الأكواد أو أداة التصميم أو المستند
نصائح لاختيار الألوان
- كبّر: أداة اختيار الألوان في CaptureX Pro تظهر عرضًا مكبّرًا حتى تختار البكسل الدقيق
- تحقق من التباين: بعد اختيار الألوان، تحقق من أنها تستوفي معايير التباين WCAG لإمكانية الوصول
- أنشئ لوحات ألوان: اختر 4-5 ألوان من مصادر الإلهام لإنشاء تصاميم متناسقة
- استخدم لوحة المفاتيح: مفاتيح الأسهم تتيح لك التحرك بكسل ببكسل للاختيار الدقيق
اختر أي لون فورًا
أداة اختيار الألوان في CaptureX Pro تعرض قيم Hex وRGB وHSL مع عرض مكبّر.
حمّل النسخة التجريبية