منتقي الألوان
اختر الألوان، استخرجها من الصور، أنشئ لوحات الألوان وتحقق من التباين. يدعم HEX وRGB وHSL وHSV وCMYK.
استخراج الألوان من الصورة
اسحب صورة أو انقر للرفع
الألوان السائدة
أضف ألواناً إلى لوحتك
نص نموذجي بحجم عادي (14px)
نص نموذجي كبير
نسبة التباين
21:1
AA عادي
ناجح
AA كبير
ناجح
AAA عادي
ناجح
AAA كبير
ناجح
90°
متى تستخدم منتقي الألوان هذا
أداة منتقي الألوان المجانية تساعد المصممين والمطورين في العمل مع الألوان:
-
تصميم الويب
اختر الألوان المثالية للمواقع وتحقق من نسب التباين لضمان الامتثال لإمكانية الوصول.
-
هوية العلامة التجارية
أنشئ لوحات ألوان متناغمة للشعارات ومواد التسويق وإرشادات العلامة التجارية.
-
مطابقة ألوان الصور
استخرج الألوان من الصور لمطابقة عناصر التصميم مع الصور الموجودة.
-
تطوير CSS
أنشئ تدرجات CSS وصدّر لوحات الألوان كخصائص CSS مخصصة.
-
اختبار إمكانية الوصول
تحقق من أن تركيبات ألوان النص والخلفية تستوفي معايير WCAG AA وAAA.
كيفية استخدام منتقي الألوان
البدء
- انقر واسحب في مربع اللون لاختيار التشبع والسطوع
- استخدم شريط درجة اللون لتغيير اللون الأساسي
- اضبط الشفافية بشريط ألفا إذا لزم الأمر
- انسخ أي صيغة لون بالنقر على زر النسخ بجانبها
الميزات
- منتقي ألوان تفاعلي مع معاينة فورية
- استخراج الألوان من أي صورة باستخدام القطارة
- إنشاء تركيبات ألوان متناغمة تلقائياً
- بناء لوحات مخصصة والتصدير كـ CSS أو JSON
- فحص تباين ألوان WCAG لإمكانية الوصول
- إنشاء تدرجات CSS بمحرر مرئي
اختصارات لوحة المفاتيح
- Ctrl+C: نسخ لون HEX الحالي
- Ctrl+V: لصق وتطبيق لون من الحافظة
- 1-4: التبديل بين علامات تبويب الميزات
نصائح
- ارفع صورة لاستخراج ألوانها السائدة تلقائياً
- استخدم فاحص التباين لضمان قابلية قراءة النص
- صدّر لوحتك كمتغيرات CSS لاستخدامها بسهولة في المشاريع