أدلة الأدوات
أدلة إرشادية لاستخدام أدوات ColorFYI، بما في ذلك المحوّل وفاحص التباين ومولّد لوحات الألوان.
WCAG AA vs AAA: Contrast Requirements Compared
WCAG AA requires 4.5:1 contrast for normal text, AAA requires 7:1. A side-by-side comparison of both levels, their exceptions, and when each applies.
تم التحديث أغسطس 20, 2026
أنماط الألوان في Figma مقابل المتغيرات: متى تستخدم كلًا منهما
قارن بين أنماط الألوان والمتغيرات في Figma. تعلّم الاختلافات الرئيسية ومسارات الترحيل وأفضل الممارسات للفرق التي تدير رموز ألوان نظام التصميم.
تم التحديث فبراير 20, 2026
كيفية فحص تباين الألوان للامتثال لـ WCAG
تعلّم كيفية فحص نسب تباين الألوان لامتثال WCAG AA وAAA. دليل خطوة بخطوة مع أمثلة أكواد hex عملية والأخطاء الشائعة التي يجب تجنبها.
تم التحديث فبراير 13, 2026
تباين ألوان WCAG: الدليل الكامل للمطور
أتقن متطلبات تباين ألوان WCAG 2.1. تعلّم مستويات AA وAAA وطرق الاختبار والأدوات الآلية وكيفية إصلاح انتهاكات التباين في قاعدة الكود الخاصة بك.
تم التحديث فبراير 07, 2026
منتقي ألوان OKLCH: لماذا يتحول المصممون إليه
اكتشف لماذا تنتج منتقيات ألوان OKLCH نتائج أفضل من HSL. تعلّم الإضاءة الإدراكية والكروما الموحدة وكيفية بناء لوحات في فضاء ألوان OKLCH.
تم التحديث يناير 31, 2026
Adobe Color (color.adobe.com): الدليل الشامل
أتقن Adobe Color لإنشاء لوحات الألوان واستخراجها واختبار إمكانية الوصول والتكامل مع CC Library. دليل شامل لميزات color.adobe.com.
تم التحديث يناير 24, 2026
توثيق الألوان في Storybook: الأنماط والإضافات
وثّق أنظمة الألوان في Storybook مع قصص اللوحات وفحوصات إمكانية الوصول والتوثيق المُولَّد تلقائيًا. أفضل الإضافات وأنماط توثيق الألوان.
تم التحديث يناير 18, 2026
تخصيص ألوان shadcn/ui: الثيم باستخدام متغيرات CSS
خصّص ألوان shadcn/ui باستخدام متغيرات CSS بـ HSL. أنشئ ثيمات مخصصة وادمج الوضع الداكن وزامن مع Tailwind CSS لتنسيق المكونات المتسق.
تم التحديث يناير 11, 2026
كيفية إيجاد اللون التكميلي المثالي
تعلّم كيفية إيجاد الألوان التكميلية باستخدام عجلة الألوان والصيغ الرياضية وأداة مولّد اللوحات. مع أنماط التصميم وأمثلة أكواد hex.
تم التحديث يناير 04, 2026
اختبار إمكانية الوصول للألوان في Figma: الإضافات وسير العمل
اختبر إمكانية الوصول للألوان في Figma باستخدام Stark وإضافات A11y ومحاكيات عمى الألوان. أنشئ سير عمل تصميم متاح مع فحص دُفعي وتسليم المشاريع.
تم التحديث ديسمبر 29, 2025
دليل التدرجات في CSS: التدرجات الخطية والشعاعية والمخروطية
أتقن تدرجات CSS: البنية الخطية والشعاعية والمخروطية مع أمثلة عملية ونقاط التوقف اللوني والزوايا ونصائح لاستخدام أداة توليد التدرج.
تم التحديث ديسمبر 22, 2025
تصحيح الألوان في Photoshop: Curves وLevels وHSL
أتقن تصحيح الألوان في Photoshop باستخدام Curves وLevels وتعديلات HSL. تعلّم قراءة المدرج التكراري وتوازن الأبيض وتقنيات تدريج الألوان الاحترافية.
تم التحديث ديسمبر 16, 2025
كيفية استخدام محاكي عمى الألوان للتصميم الشامل
تعلّم كيفية استخدام محاكي عمى الألوان لتصميم واجهات شاملة. يشمل deuteranopia وprotanopia وtritanopia وإرشادات تصميمية عملية مع أمثلة حقيقية.
تم التحديث ديسمبر 11, 2025
متغيرات الألوان في Figma: دليل شامل لأنظمة التصميم
أتقن متغيرات الألوان في Figma لأنظمة التصميم. تعلّم إنشاء رموز الألوان وتنظيمها ومزامنتها بين Figma والكود للثيم المتسق.
تم التحديث ديسمبر 05, 2025
مولّد درجات Tailwind: مقاييس ألوان مخصصة بسهولة
ولّد مقاييس ألوان Tailwind CSS مخصصة من أي كود hex. تعلّم كيف يعمل نظام درجات 50-950 وكيف تُهيّئ tailwind.config.js وتبني مقاييس الوضع الداكن.
تم التحديث ديسمبر 01, 2025
كيفية استخراج لوحة ألوان من صورة
تعلّم كيفية استخراج لوحات الألوان من الصور باستخدام خوارزميات التكميم والأدوات عبر الإنترنت والمناهج البرمجية. أنشئ لوحات من الصور الفوتوغرافية.
تم التحديث نوفمبر 26, 2025
دليل محوّل الألوان: من HEX إلى RGB إلى HSL وما وراءها
أتقن تحويلات صيغ الألوان: HEX وRGB وHSL وCMYK وOKLCH. تعلّم متى تستخدم كل صيغة وكيفية تحويلها فورًا باستخدام أداة ColorFYI.
تم التحديث نوفمبر 21, 2025
كيفية توليد لوحة ألوان كاملة من لون واحد
تعلّم كيفية بناء لوحة ألوان كاملة ومتناسقة من لون ابتدائي واحد. يشمل التوليد التكميلي والمتناسق والثلاثي والدرجات مع أمثلة hex.
تم التحديث نوفمبر 16, 2025