🛠️ أداة المتصفح

عجلة الألوان التفاعلية

أنشئ تناغمات ألوان مذهلة باستخدام عجلة الألوان التفاعلية الخاصة بنا. قم بتوليد أنظمة ألوان متكاملة، ثلاثية، متجاورة وغيرها. قم بالتصدير بتنسيقات CSS، SCSS، Tailwind، PNG، PDF أو JSON.

تناغم الألوان

#8040bf
#80bf40

أدوات ذات صلة

كيفية إنشاء تناغمات الألوان

1

اختر نوع التناغم

اختر من أنظمة الألوان المتكاملة، أحادية اللون، المتجاورة، الثلاثية، الرباعية، أو المتكاملة المقسمة باستخدام القائمة المنسدلة.

2

اضبط الألوان على العجلة

انقر واسحب على عجلة الألوان لتحديد لونك الأساسي. سيتم تحديث ألوان التناغم تلقائيًا بناءً على اختيارك.

3

ضبط دقيق للإضاءة

استخدم حلقة الإضاءة الخارجية لضبط سطوع لوحة الألوان الخاصة بك مع الحفاظ على علاقة التناغم.

4

نسخ أو تصدير

انقر على عينات الألوان لنسخ الألوان الفردية، أو استخدم زر التصدير لتنزيل لوحة الألوان الخاصة بك بتنسيقات مختلفة.

الميزات الرئيسية

عجلة الألوان التفاعلية

اسحب واضبط الألوان على عجلة ألوان مرئية مع حلقة تحكم منفصلة للإضاءة لاختيار دقيق للألوان.

6 أنواع من تناغم الألوان

قم بتوليد أنظمة ألوان متكاملة، أحادية اللون، متجاورة، ثلاثية، رباعية، ومتكاملة مقسمة تلقائيًا.

تنسيقات ألوان متعددة

عرض ونسخ الألوان بتنسيقات HEX، RGB، HSL، و CMYK بنقرة واحدة للنسخ إلى الحافظة.

التصدير وتوليد الكود

تصدير لوحات الألوان كصور PNG، مستندات PDF، بيانات JSON، متغيرات CSS، متغيرات SCSS، أو إعدادات Tailwind CSS.

ما هي عجلة الألوان وتناغم الألوان؟

عجلة الألوان هي تمثيل مرئي للألوان مرتبة حسب علاقتها اللونية. يشير تناغم الألوان إلى الترتيب الجذاب للألوان التي تعمل بشكل جيد معًا. تساعدك أداتنا التفاعلية على إنشاء مجموعات ألوان متوازنة رياضيًا باستخدام مبادئ نظرية الألوان التقليدية مثل أنظمة الألوان المتكاملة (المتقابلة)، الثلاثية (ثلاثة متباعدة بالتساوي)، والمتجاورة (المتقاربة) للألوان.

لماذا تستخدم أداة عجلة الألوان الخاصة بنا؟

1

نظرية الألوان الاحترافية

تعتمد على مبادئ نظرية الألوان التقليدية التي يستخدمها الفنانون والمصممون لقرون لإنشاء مجموعات جذابة بصريًا.

2

تصدير مناسب للمطورين

توليد متغيرات CSS، متغيرات SCSS، وملفات إعدادات Tailwind CSS جاهزة للاستخدام في مشاريع الويب الخاصة بك.

3

تنسيقات تصدير متعددة

صدّر لوحات الألوان الخاصة بك كصور (PNG)، مستندات (PDF)، أو بيانات (JSON) للاستخدام عبر أدوات ومنصات التصميم المختلفة.

4

ملاحظات بصرية فورية

شاهد علاقات التناغم مصورة بخطوط ربط واضبط الألوان بشكل تفاعلي مع ملاحظات بصرية فورية.

الأسئلة المتكررة

ما هي أنواع تناغم الألوان المتاحة؟

توفر الأداة 6 أنواع من التناغم: المتكاملة (لونان متقابلان)، أحادية اللون (درجات مختلفة من لون واحد)، المتجاورة (3 ألوان متجاورة)، الثلاثية (3 ألوان متباعدة بالتساوي)، الرباعية (4 ألوان متباعدة بالتساوي)، والمتكاملة المقسمة (لون واحد + لونان متجاوران لتكامله).

كيف أضبط سطوع الألوان؟

استخدم حلقة الإضاءة الخارجية حول عجلة الألوان. انقر واسحب على هذه الحلقة لضبط درجة الإضاءة/الظلام لجميع الألوان في تناغمك مع الحفاظ على علاقات درجة اللون والتشبع.

هل يمكنني نسخ الألوان الفردية؟

نعم، انقر على أي عينة لون لنسخ قيمتها إلى الحافظة. يمكنك التبديل بين تنسيقات HEX، RGB، HSL، و CMYK باستخدام أزرار اختيار التنسيق.

ما هي تنسيقات التصدير المدعومة؟

يمكنك التصدير كصور PNG، مستندات PDF، بيانات JSON، متغيرات CSS، متغيرات SCSS، وملفات إعدادات Tailwind CSS. كل تنسيق مُحسّن لحالات استخدام مختلفة.

كيف أستخدم متغيرات CSS التي تم إنشاؤها؟

انسخ متغيرات CSS من نافذة التصدير والصقها في ورقة الأنماط الخاصة بك. يمكنك بعد ذلك استخدامها بالشكل التالي: background-color: var(--color-1); أو color: var(--color-2);

هل يمكنني سحب ألوان التناغم بشكل فردي؟

نعم، يمكنك سحب أي نقطة لون تناغم لضبط اللوحة بأكملها. سيتم إعادة حساب اللون الرئيسي تلقائيًا للحفاظ على العلاقة الرياضية لنوع التناغم المحدد.