كل لون، مُفكَّك
قيم Hex وRGB وHSL وCMYK. تناسقات الألوان وظلال Tailwind وتباين WCAG.
أدخل أي كود hex مكوّن من 6 أرقام
الألوان المميزة
العلامات التجارية المميزة
عرض الكل →
Organize the world's information
4 ألوان
Apple
Think different
3 ألوان
Microsoft
Empower every person and organization
4 ألوان
Amazon
Work hard. Have fun. Make history.
2 لونان
Meta
Helping people connect
1 لون
Bringing the world closer together
2 لونان
YouTube
Broadcast yourself
1 لون
Capture and share the world's moments
3 ألوان
المجموعات المميزة
عرض الكل →أدوات الألوان
عرض الكل →فاحص التباين
تحقق من نسب تباين الألوان وفقًا لإرشادات WCAG 2.1. اختبر التوافق مع مستويي AA وAAA للنص العادي والنص الكبير.
محوّل الألوان
حوّل بين تنسيقات الألوان HEX وRGB وHSL وHSV وCMYK وOKLCH على الفور.
مولّد لوحة الألوان
أنشئ لوحات ألوان متناغمة باستخدام الأنظمة المكملة والمتماثلة والثلاثية والمكملة المنقسمة.
مولّد الظلال
أنشئ مقاييس تدرجات بأسلوب Tailwind CSS (50-950) من أي لون أساسي لأنظمة التصميم.
محاكي عمى الألوان
حاكِ كيف تظهر الألوان في حالات عمى الألوان الأخضر والأحمر والأزرق وعمى الألوان الكامل.
مولّد التدرج
أنشئ تدرجات CSS خطية وشعاعية جميلة مع معاينة مباشرة وكود جاهز للنسخ.
أحدث المقالات
عرض الكل →دالة color-mix() في CSS: مزج الألوان محليًا في المتصفح
تعلّم color-mix() في CSS لمزج الألوان محليًا في المتصفح. أتقن البنية وفضاءات الألوان وحالات الاستخدام العملية وإنشاء لوحات ديناميكية بدون JavaScript.
يناير 26, 2026
دروس تعليميةبناء منتقي ألوان كـ Web Component من الصفر
أنشئ منتقي ألوان شاملًا كـ Web Component. نفّذ تصيير الـ canvas وشرائح hue وقنوات ألفا والأحداث المخصصة باستخدام Shadow DOM.
يناير 21, 2026
دروس تعليميةالفضاءات اللونية الإدراكية: Lab وLCH وOklab وOKLCH
استكشف الفضاءات اللونية الموحدة إدراكيًا — CIE Lab وLCH وOklab وOKLCH. تعرّف على تصميم كل منها وأين يتفوق وأيها تختار لعمل CSS والتصميم.
يناير 15, 2026
دروس تعليميةالتدقيق اللوني: ضمان دقة ألوان الطباعة
تعلّم تقنيات التدقيق الناعم والصلب والمطبعي لضمان إعادة إنتاج الألوان بدقة من الشاشة إلى المخرجات النهائية.
يناير 10, 2026