عجلة الألوان
استكشف لوحات متكاملة ومتجاورة وثلاثية ورباعية. اضبط اللون والتشبع والإضاءة ثم انسخ الألوان أو متغيرات CSS.
اللون الأساسي
انقر على العجلة لاختيار لون
اللوحة المولدة
متغيرات CSS
انسخها والصقها في ملف الأنماط
:root {
--color-complementary-1: #195DE6;
--color-complementary-2: #E6A219;
}ما عجلة الألوان؟
عجلة الألوان أداة بصرية لفهم علاقات الألوان. تساعدك عجلة Readdy المجانية على تحويل لون واحد إلى لوحة عملية للمواقع والهوية والتصميم الرقمي.
كيفية استخدام عجلة الألوان
اتبع الخطوات للانتقال من لون أساسي إلى لوحة مفيدة ثم صدّرها لسير تصميمك.
- الخطوة 1
اختر لونًا أساسيًا
انقر على العجلة أو أدخل رمز HEX للبدء بلون واضح.
- الخطوة 2
اضبط الدرجة
عدّل التشبع والإضاءة لجعل اللون أنعم أو أجرأ أو أكثر سطوعًا أو هدوءًا.
- الخطوة 3
جرّب نمط تناغم
بدّل بين اللوحات المتكاملة والمتجاورة والثلاثية والرباعية لمقارنة العلاقات.
- الخطوة 4
انسخ ما تحتاجه
انسخ الألوان منفردة أو متغيرات CSS، أو نزّل اللوحة لسير تصميمك.
استخدامات عجلة الألوان
طبّق العجلة على أعمال حقيقية، من هوية الموقع إلى عروض التقديم.
استكشاف ألوان العلامة
اختبر ألوان العلامة للشعارات وصفحات الهبوط وواجهات المنتجات.
أنظمة ألوان المواقع
أنشئ لوحات للرؤوس والخلفيات واللمسات والأزرار وحالات الواجهة.
مرئيات الحملات
اختر ألوانًا متناسقة لصفحات الحملات والإعلانات واللافتات ومواد الإطلاق.
تصميم العروض
أنشئ لوحات شرائح بألوان إبراز واضحة ودرجات داعمة للمخططات والأقسام.
رسومات المحتوى
اعثر على تنسيقات متوازنة للمنشورات والرسوم والمعلومات المصورة.
مخرجات جاهزة للتصدير
انسخ قيم HEX أو متغيرات CSS أو نزّل اللوحة عند تطبيق الألوان.
لماذا تستخدم عجلة ألوان مجانية؟
طريقة بسيطة لاختبار التناغم ومقارنة الخيارات وتصدير الألوان بلا إبطاء عملك.
معاينة فورية
شاهد اللوحة تتحدث أثناء تحريك العجلة لتقارن الخيارات بسرعة ووضوح.
أنماط تناغم مرنة
استكشف اللوحات المتكاملة والمتجاورة والثلاثية والرباعية بلا إعادة البناء.
بيانات ألوان عملية
استخدم قيم HEX وRGB ودرجة اللون والتشبع والإضاءة بدقة.
نسخ وتصدير سريع
انسخ الألوان أو احفظ متغيرات CSS أو نزّل ملف اللوحة.
كل الأدوات التي تحتاجها
لبناء علامتك رقميًا
الأسئلة الشائعة
تساعدك على فهم علاقات الألوان وبناء لوحات متوازنة للمواقع والهوية والعروض والمحتوى الرقمي.
نعم. يمكنك استكشاف اللوحات وضبط الألوان ونسخ HEX وتصدير متغيرات CSS مجانًا.
تدعم المتكامل والمنقسم والأحادي والمتجاور والثلاثي والرباعي، لتقارن العلاقات بسرعة.
نعم. اكتب أو ألصق رمز HEX ثم اضبط النتيجة بالتشبع والإضاءة.
نعم. انسخ قيم HEX أو متغيرات CSS واستخدمها في المواقع وصفحات الهبوط وأنظمة التصميم.
ابدأ بلون العلامة الأساسي ثم اختبر أنماط التناغم. المتكامل يخلق تباينًا، والمتجاور أو الأحادي أكثر هدوءًا واتساقًا.
تساعدك على ضبط التشبع والإضاءة لتحسين التباين. افحص ألوان النص والخلفية بأداة تباين قبل النشر.
تقع المتكاملة متقابلة على العجلة وتخلق تباينًا قويًا، بينما تتجاور الألوان المتجاورة وتنتج لوحة أنعم وأكثر وحدة.
نعم. نزّلها كصورة أو انسخ متغيرات CSS لتطبيقها مباشرة في الكود.
تفيد المؤسسين والمسوقين والمصممين والمبدعين وغير التقنيين ممن يحتاجون لوحة عملية للهوية الرقمية.