منتقي ألوان مجاني

منتقي ألوان على الإنترنت: الدليل الشامل

منتقي ألوان Volade هو أداة ويب شاملة تجمع بين قطارة شاشة، محرر ألوان متقدم، مولّد لوحات ألوان، منشئ تدرجات، فاحص إمكانية الوصول WCAG، محاكاة عمى الألوان، مزج وتصدير للمطورين — كل ذلك في واجهة واحدة، 100 % محلي، بدون تسجيل.

على عكس المحررات التقليدية المحدودة بـ HEX/RGB/HSL، يدعم Volade 16 فضاءًا لونيًا تشمل LAB و LCH و OKLCH و OKLAB و CMYK و Display P3 و XYZ و HWB. كل صيغة معروضة في الوقت الحقيقي مع زر نسخ فوري، مما يجعله الأداة الأكمل للمصممين والمطورين ومحترفي الطباعة.

قطارة الشاشة: دقة بالبكسل

تستخدم قطارة الشاشة واجهة EyeDropper في المتصفحات الحديثة لالتقاط أي لون مرئي على شاشتك. انقر في أي مكان — على صورة، موقع ويب أو مستند — ويتم التقاط اللون فورًا. العدسة المكبرة عالية الدقة تتيح לך التوجّه نحو البكسل الصحيح، والتنقل بلوحة المفاتيح (أسهم الاتجاه) يوفر دقة مطلقة. أخذ العينات من المنطقة (1×1، 3×3، 5×5، 11×11) ينعم أخطاء ضغط JPEG ويحصل على متوسط لون المنطقة.

اللون المختار يظهر في سجل الألوان الأخيرة، والانتقال إلى اللون السابق فوري. للمستخدمين المتقدمين، يعرض وضع الدقة إحداثيات البكسل الدقيقة وقيم كل قناة في الوقت الحقيقي.

محرر ألوان بلا تنازل

يعرض المحرر 16 صيغة لونية في الوقت نفسه: HEX، HEX8، RGB، RGBA، HSL، HSLA، HSV/HSB، HWB، CMYK، LAB، LCH، OKLAB، OKLCH، Display P3، XYZ و Linear RGB. كل قيمة قابلة للتعديل مباشرة: غيّر HSL، وتحدث جميع الصيغ الأخرى في الوقت الحقيقي. عجلة الألوان توفر تحكمًا مرئيًا بديهيًا، بينما أشرطة التمرير الرقمية تتيح تعديلًا دقيقًا.

يُعالج Alpha/الشفافية أصليًا: اضبط العتمة من 0 إلى 100 % باستخدام شريط التمرير المخصص، وشاهد التأثير فورًا على جميع الصيغ. يسجل سجل التعديلات كل تغيير، مع إلغاء/إعادة للرجوع في أي وقت.

ذكاء الألوان الذكي: ما وراء الاختيار البسيط

من لون واحد، تنشئ الأداة تلقائيًا جميع التناغمات الكلاسيكية: المتمم، المتشابه، الثلاثي، الرباعي، المتمم المقسّم والأحادي اللون. لكنها تذهب أبعد: المتغيرات درجات (أغمق)، تدرجات (أنور)، نغمات (مكتومة)، دافئة وباردة تُنتج تلقائيًا.

يحوّل وضع Generate Palette أي لون إلى نظام تصميم كامل: أساسي، ثانوي، لون مميز، خلفية، سطح، نص، مكتوم، حدود، نجاح، تحذير، خطأ، معلومة — لكل منها قيم RGB و OKLCH و HEX.

صورة ← لوحة ألوان: استخراج ألوان من صورة

أسقط أي صورة (صورة، رسم، لقطة شاشة) وتحلل الأداة البكسلات لاستخراج لوحتها. خمسة أوضاع استخراج متاحة: هيمن (الأكثر تكرارًا)، نابض (الأكثر تشبعًا)، مكتوم (مكتوم)، متوازن (متناغم بصريًا) وعلامة تجارية (ألوان مناسبة لهوية العلامة التجارية).

يُرجع الاستخراج بين 5 و 15 لونًا، كل منها مُعلَّم بدوره المحتمل (هيمن، مميز، داكن، فاتح). وهو مسرّع رئيسي للمصممين الذين يحتاجون إلى استخراج نظام تصميم من صورة موجودة.

فحص إمكانية الوصول WCAG

يقارن قسم إمكانية الوصول لونين (الأمامية مقابل الخلفية) ويعرض نسبة التباين الدقيقة مع شارات WCAG AA و AAA للنص العادي والنص الكبير ومكونات واجهة المستخدم. إذا كانت النسبة غير كافية، يقترح زر الإصلاح التلقائي اللون الأقرب الذي يلبي المعايير.

هو أداة ضرورية للمطورين الذين يجب عليهم الامتثال لمعايير إمكانية الوصول الإلزامية (RGAA، EN 301 549، ADA، Section 508).

محاكاة عمى الألوان: صمّم للجميع

حوالي 350 مليون شخص في العالم مصابون بعمى الألوان. تعرض المحاكاة ألوانك كما تراها الأنواع الثمانية لعمى الألوان: عمى اللون الأحمر، عمى اللون الأخضر، عمى اللون الأزرق، عمى الألوان الكلي ومتغيراتهم المعتدلة. وهي الطريقة الوحيدة للتحقق من أن واجهتك يمكن الوصول إليها حقًا.

مولّد تدرجات مع استكمال متقدم

أنشئ تدرجات خطية وشعاعية ومخروطية مع ما يصل إلى 10 نقاط لونية. ينتج استكمال RGB تدرجات كلاسيكية؛ يوفر HSL انتقالات أكثر سلاسة؛ LAB و OKLCH ينشآن تدرجات متسقة بصريًا بدون خطوط أو انكسارات مرئية. يتم إنشاء كود CSS تلقائيًا وقاب للنسخ بنقرة واحدة.

خالط الألوان: مزج الألوان

اخلط لونين بنسبة قابلة للتعديل (من 0/100 إلى 100/0) في أربعة أوضاع: RGB (مزج إضافي)، HSL (دوران Hue)، LAB (فضاء إدراكي) و OKLCH (الأكثر طبيعية). وهي الأداة المثالية لإنشاء ألوان وسيطة، ظلال وألوان مخصصة.

فرق الألوان ΔE: دقة المحترفين

للمصممين ومحترفي الطباعة، حساب الفرق اللوني (Delta E) ضروري. تعرض الأداة ΔE76 و ΔE94 و ΔE2000 مع تفسير نصي: غير مُدرك (ΔE < 1)، مُدرك بجهد (1-2)، مختلف (2-10)، مختلف جدًا (10-50) وتناقض عالٍ (50+).

Color Playground: اختبر في ظروف حقيقية

يعرض playground لونك على مكونات واجهة حقيقية: أزرار، بطاقات، شارات، حقول إدخال، تنبيهات، روابط ونص. ترى فورًا ما إذا كان لونك يعمل كلون خلفية أو زر أو نص — مع درجات إمكانية الوصول في الوقت الحقيقي.

تصدير للمطورين: 10 صيغ كود

أنشئ الكود بلغتك: CSS Variables، SCSS، إعدادات Tailwind، رموز تصميم JSON، TypeScript، Swift (UIColor)، Kotlin (Color)، Flutter/Dart، React Native (StyleSheet) و Vue. كل تصدير يشمل المتغيرات (50-950) والأدوار (أساسي، ثانوي، مميز، إلخ).

من يمكنه الاستفادة؟

مصممو UI/UX الذين ينشئون لوحات ألوان وأنظمة تصميم؛ مطورو الواجهة الأمامية الذين يدمجون الألوان في CSS أو Tailwind أو SCSS؛ المصممون المرئيون الذين يستخرجون جداول من الصور؛ فرق إمكانية الوصول الذين يتحققون من تباين WCAG؛ محترفو الطباعة الذين يحسبون ΔE؛ وأي مبدع يريد استكشاف الألوان بشكل احترافي.