TL
Tool Lab
💰Donate
💰Donate

مولد لوحة الألوان

أنشئ لوحات ألوان متناسقة استناداً إلى نظرية الألوان.

حول هذه الأداة

مُولِّد لوحة الألوان يُنشئ مخططات ألوان متناسقة من أي لون أساسي باستخدام سبعة مبادئ من نظرية الألوان: متمم، ثلاثي، متماثل، متمم منقسم، رباعي، أحادي اللون، ودرجات.

تُعرض كل عينة مع رمز hex الخاص بها ويمكن النقر عليها للنسخ. تستخدم الأداة نموذج HSL لحساب زوايا دقيقة على دائرة الألوان.

كيفية الاستخدام

  1. انقر على منتقي الألوان أو اختر أحد 8 عينات مسبقة لتعيين لونك الأساسي.
  2. اختر مخطط التناسق من شريط التبويبات.
  3. تُولَّد اللوحة فوراً — تعرض كل عينة رمز hex الخاص بها.
  4. انقر على أي عينة لنسخ رمز hex إلى الحافظة.

مخططات التناسق اللوني

متمم — لونان متعاكسان؛ تباين عالٍ. ثلاثي — ثلاثة ألوان متساوية المسافة (120°). متماثل — ألوان متجاورة على الدائرة؛ متناسق. متمم منقسم — الأساس + اثنان من جيران اللون المتمم. رباعي — أربعة ألوان على 90°. أحادي — ظلال وفروق لون واحد. درجات — نطاق كامل من السطوع.

حالات الاستخدام

يستخدم مصممو UI/UX لبناء أنظمة ألوان للتطبيقات. يختار المصممون الجرافيكيون لوحات لهوية العلامة التجارية. ينسخ مطورو الويب رموز hex في متغيرات CSS أو إعدادات Tailwind.

الأسئلة الشائعة

  • ما تنسيق رموز الألوان؟تُعرض جميع الألوان بتنسيق hex (#RRGGBB)، جاهزة للصق في CSS أو Figma أو أي أداة تصميم.
  • كم عدد الألوان التي يُولِّدها كل مخطط؟متمم: 2. ثلاثي/منقسم: 3. رباعي: 4. متماثل: 4. أحادي/درجات: 5–9.
  • أي مخطط هو الأفضل لموقع ويب؟متماثل للمظهر الهادئ والاحترافي؛ متمم لواجهات التباين العالي؛ أحادي للتصاميم البسيطة.