مقارنة · جرى التحقق في 2026-10-25
أفضل أدوات الألوان والتباين المجانية
يجب أن تجد أداة الألوان الجيدة الألوان في الصورة، وتبني تناسقات من لون واحد، وتتحقق من أن النص مقروء، وتسلّم اللوحة إلى أدوات التصميم أو البرمجة لديك. فيما يلي ما تقدّمه كل أداة، وفق صفحاتها الخاصة.
نحن من يصنع Slop Colors، وهو أحد الأدوات في هذه الصفحة. وكل معلومة عن الأدوات الأخرى مأخوذة من صفحاتها الخاصة، ومرتبطة تحت كل أداة، كما كانت في 2026-10-25. الأسعار والميزات تتغير: تحقق من كل موقع قبل أن تختار.
كيف قارنّاها
- مجانية، وما يضيفه الحساب أو الباقة المدفوعة
- الألوان من الصورة
- تناسقات وتدرجات من لون واحد
- فحص تباين WCAG
- ملفات التصدير (CSS وTailwind وASE وGPL)
نظرة سريعة
| الأداة | السعر | يعمل على | الألوان من الصورة | فحص التباين |
|---|---|---|---|---|
| Slop Colors من إنتاجنا | مجانية، دون حساب | أي متصفح حديث | أداة القطارة والألوان الرئيسية (k-means) | النسبة وAA وAAA، مع اقتراح تصحيح |
| Coolors | باقة مجانية؛ وباقة Pro | الويب، وتطبيق iOS، وإضافة Figma، وإضافة Chrome | Image Picker | Contrast Checker |
| Adobe Color | مجانية | الويب | استخراج الألوان من صورة | نسب التباين مع إرشادات WCAG |
| WebAIM Contrast Checker | مجانية | الويب | لا (تلتقط القطارة الألوان من الشاشة) | AA وAAA، للنص العادي والكبير والواجهة |
| الميزة | Slop Colors من إنتاجنا | Coolors | Adobe Color | WebAIM Contrast Checker |
|---|---|---|---|---|
| الألوان من الصورة | نعم | نعم | نعم | لا |
| تناسقات من لون واحد | نعم | غير مذكور | نعم | لا |
| فحص تباين WCAG | نعم | نعم | نعم | نعم |
| مستويات النص الكبير والواجهة | نعم | غير مذكور | غير مذكور | نعم |
| معاينة لعمى الألوان | لا | غير مذكور | نعم | لا |
| تصدير CSS | نعم | نعم | غير مذكور | لا |
| تصدير Tailwind | نعم | نعم | غير مذكور | لا |
| تصدير Adobe .ase | نعم | نعم | غير مذكور | لا |
| تصدير GIMP .gpl | نعم | غير مذكور | غير مذكور | لا |
| قيم OKLCH | نعم | غير مذكور | غير مذكور | لا |
| لا حاجة إلى حساب | نعم | جزئيًا | جزئيًا | نعم |
| تبقى الصور على جهازك | نعم | غير مذكور | غير مذكور | نعم |
1. Slop Colors (من إنتاجنا)
الأنسب لـ: التقاط الألوان من صورك الخاصة بخصوصية، وفحص التباين، وتصدير اللوحة كرمز أو ملف ألوان، كل ذلك في صفحة واحدة.
الجيد
- تُقرأ الصور في المتصفح ولا تُرفع أبدًا
- تصدير متغيرات CSS وإعدادات Tailwind وJSON وملفات Adobe .ase وGIMP .gpl، ويمكن فتح هذه الملفات مجددًا
- قيم HEX وRGB وHSL وOKLCH وCMYK، مع تحويل ألوان OKLCH خارج النطاق إلى sRGB
الأقل جودة
- لا توجد مكتبة لوحات مشتركة لتصفحها
- لا توجد معاينة لعمى الألوان
- لا يوجد تصدير للوحة كملف PDF أو صورة
2. Coolors
الأنسب لـ: توليد لوحات ألوان وتصفحها بسرعة، مع مكتبة كبيرة وإضافات لأدوات التصميم.
الجيد
- مولّد بمفتاح المسافة وأكثر من 10 ملايين لوحة للاستكشاف
- تصدير إلى PDF وصورة وCSS وASE وSVG والشيفرة وTailwind
- يعرض Palette Visualizer الألوان على التصاميم
الأقل جودة
- تحتفظ الباقة المجانية بما يصل إلى 10 لوحات؛ وتذكر صفحتها أن استخراج الألوان بـ Image Picker والتصدير المتقدم من ميزات Pro
موقع Coolors · المصادر: الصفحة الرئيسية لـ Coolors
3. Adobe Color
الأنسب لـ: المصممون في تطبيقات Adobe الذين يريدون قواعد التناسق على عجلة الألوان، وحفظ اللوحات في مكتبتهم.
الجيد
- قواعد أحادية اللون ومتممة ومتجاورة وثلاثية ومتممة مقسّمة على عجلة الألوان
- معاينة لعمى الألوان
- حفظ اللوحات في مكتبتك لمشاريع أخرى
الأقل جودة
- صفحة عجلة الألوان لا تذكر ملفات التصدير
موقع Adobe Color · المصادر: Adobe Color، عجلة الألوان
4. WebAIM Contrast Checker
الأنسب لـ: فحص زوج واحد من النص والخلفية وفق WCAG، مع رابط لمشاركة النتيجة.
الجيد
- منزلقات السطوع لتعديل أي من اللونين
- رابط دائم وواجهة JSON للنتيجة
- قناة الشفافية للون الأمامي
الأقل جودة
- يفحص زوجًا واحدًا؛ ولا يُنشئ اللوحات ولا يصدّرها
موقع WebAIM Contrast Checker · المصادر: WebAIM Contrast Checker
أيها تختار
نختار Slop Colors عندما تأتي الألوان من صورك الخاصة ويجب أن تنتهي اللوحة في الشيفرة أو في أداة تصميم: القطارة والألوان الرئيسية وفحص التباين والتصدير في صفحة واحدة، ولا يُرفع أي شيء.
اختر Coolors لمولّده ومكتبته وإضافاته، وAdobe Color لعجلة ألوانه ومكتبة Adobe، وأداة WebAIM لفحص زوج واحد ومشاركته.
أسئلة
ما نسبة التباين التي أحتاجها؟
يشترط WCAG AA نسبة 4.5:1 للنص العادي و3:1 للنص الكبير وعناصر الواجهة، ويشترط AAA نسبة 7:1 للنص العادي و4.5:1 للنص الكبير. تعرض الأدوات الأربع النسبة.
أي ملف يفتحه Photoshop أو Illustrator؟
ملف Adobe Swatch Exchange (.ase). يصدّر كلٌّ من Slop Colors وCoolors هذا الملف.
هل تُرفع صورتي؟
ليس في Slop Colors، إذ تُقرأ في متصفحك. تحقق من ملاحظات الخصوصية الخاصة بكل أداة أخرى.
أسماء المنتجات الأخرى علامات تجارية لمالكيها، وSlopographic غير تابعة لهم.