الألوانتصفح والبحث في الألوان المسماة

لوحات الألوانتصفح لوحات ألوان منتقاة لمشروعك القادم.

إنشاء لوحة ألوانأنشئ لوحات ألوان مخصصة — اختر الألوان وأضف وسومًا وشارك.

لوحات من لوناقتراحات فورية للوحات ألوان من لون أساسي.

تناغم الألواناستكشف التناغمات اللونية التكميلية والثلاثية وغيرها.

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

المُصوِّرمعاينة لوحتك على نماذج تصميم حقيقية.

المكوناتمعاينة عناصر واجهة المستخدم الأساسية مثل الأزرار وحقول الإدخال والشارات مع لوحتك.

الرسوم البيانيةشاهد لوحتك مطبقة على الرسوم البيانية الشريطية والخطية والدائرية.

العناويناستكشف كل مزيج من ألوان الخلفية والنص للطباعة.

الشعاراتاختبر مزيجات ألوان العلامة التجارية للشعارات والعلامات النصية.

أيقوناتمعاينة لوحتك مطبقة على أيقونات متعددة الألوان من Lucide وHeroicons.

سمة DaisyUIأنشئ سمات DaisyUI كاملة من أي لون أساسي.

Tailwind CSSأنشئ وعاين مقاييس ألوان Tailwind CSS.

Shadcn UIمعاينة لوحتك مع رموز تصميم shadcn/ui.

Material 3شاهد لوحتك كرموز ألوان ديناميكية لـ Material Design 3.

Bootstrapمعاينة لوحتك مع تنسيق مكونات Bootstrap 5.

نموذج تطبيقمعاينة ألوانك في نموذج واقعي لتطبيق جوال.

الأنماطمعاينة لوحتك على تصاميم أنماط هندسية ومجردة.

القوالبمعاينة لوحتك مطبقة على تخطيطات قوالب SVG.

منتقي الألواناختيار وتحويل الألوان

فاحص التبايناختبارات إمكانية الوصول WCAG

محاكاة عمى الألواناختبار قصور رؤية الألوان

محول الألوانتحويل الألوان بين HEX و RGB و HSL و CMYK والمزيد.

مولد التدرجاتإنشاء تدرجات CSS

مولد الشعاراتاختبار الألوان على شعار وأيقونة

لوحاتياحفظ ونظّم وعيّن رموز الإطار للوحات الألوان.

اختر اللغة

أدوات

الألوانتصفح والبحث في الألوان المسماة

لوحات الألوانتصفح لوحات ألوان منتقاة لمشروعك القادم.

إنشاء لوحة ألوانأنشئ لوحات ألوان مخصصة — اختر الألوان وأضف وسومًا وشارك.

لوحات من لوناقتراحات فورية للوحات ألوان من لون أساسي.

تناغم الألواناستكشف التناغمات اللونية التكميلية والثلاثية وغيرها.

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

المُصوِّرمعاينة لوحتك على نماذج تصميم حقيقية.

المكوناتمعاينة عناصر واجهة المستخدم الأساسية مثل الأزرار وحقول الإدخال والشارات مع لوحتك.

الرسوم البيانيةشاهد لوحتك مطبقة على الرسوم البيانية الشريطية والخطية والدائرية.

العناويناستكشف كل مزيج من ألوان الخلفية والنص للطباعة.

الشعاراتاختبر مزيجات ألوان العلامة التجارية للشعارات والعلامات النصية.

أيقوناتمعاينة لوحتك مطبقة على أيقونات متعددة الألوان من Lucide وHeroicons.

سمة DaisyUIأنشئ سمات DaisyUI كاملة من أي لون أساسي.

Tailwind CSSأنشئ وعاين مقاييس ألوان Tailwind CSS.

Shadcn UIمعاينة لوحتك مع رموز تصميم shadcn/ui.

Material 3شاهد لوحتك كرموز ألوان ديناميكية لـ Material Design 3.

Bootstrapمعاينة لوحتك مع تنسيق مكونات Bootstrap 5.

نموذج تطبيقمعاينة ألوانك في نموذج واقعي لتطبيق جوال.

الأنماطمعاينة لوحتك على تصاميم أنماط هندسية ومجردة.

القوالبمعاينة لوحتك مطبقة على تخطيطات قوالب SVG.

منتقي الألواناختيار وتحويل الألوان

فاحص التبايناختبارات إمكانية الوصول WCAG

محاكاة عمى الألواناختبار قصور رؤية الألوان

محول الألوانتحويل الألوان بين HEX و RGB و HSL و CMYK والمزيد.

مولد التدرجاتإنشاء تدرجات CSS

مولد الشعاراتاختبار الألوان على شعار وأيقونة

لوحاتياحفظ ونظّم وعيّن رموز الإطار للوحات الألوان.

اختر لونًا

أدوات ألوان متقدمة للمصممين والمطورين. تتم جميع العمليات في متصفحك.

اعرف المزيد

اختر لونًا

الألوان لوحات الألوان

أنشئ لوحة

إنشاء لوحة ألوان لوحات من لون تناغم الألوان من صورة

شاهدها قيد التنفيذ

المُصوِّر المكونات الرسوم البيانية العناوين الشعارات أيقونات سمة DaisyUI Tailwind CSS Shadcn UI Material 3 Bootstrap نموذج تطبيق الأنماط القوالب

أدوات إضافية

منتقي الألوان فاحص التباين محاكاة عمى الألوان محول الألوان مولد التدرجات مولد الشعارات لوحاتي

الموارد

حول مقالات

قانوني

الشروط الخصوصية ملفات تعريف الارتباط

© 2026 Qolor. جميع الحقوق محفوظة.

الشروط الخصوصية ملفات تعريف الارتباط

نماذج التطبيقات

ألوانك على شاشات تطبيقات واقعية للهاتف وسطح المكتب

فتح اللوحة

11:16

Summary

Your health overview

Avg. sleep duration

7 h 31 m

S

M

T

W

T

F

S

Steps

8,756/ 10,000

86% of goal

Distance

8.7 km/ 14 km

60% of goal

Heart Rate

72 bpm

تعديل اللوحةفتح في مولد اللوحة

الخطوات التالية

فحص التبايناختبار توافق WCAG

محاكاة عمى الألواناختبار قصور الرؤية

بطاقات مكونات رسوم بيانية تطبيقات عناوين شعارات Visualizer.icons أنماط القوالب