مخطط الألوان المتناظرة

يستخدم مخطط الألوان المتجاورة ألوانًا تقع بجانب بعضها البعض على عجلة الألوان، عادةً ضمن 30 إلى 60 درجة من درجة لونية أساسية. ولأن درجات اللون قريبة من بعضها، تبدو هذه اللوحات متناغمة ومتماسكة بدلاً من كونها عالية التباين.

يُحوَّل لونك الأساسي إلى HSL، ثم تُولَّد ألوان جديدة بإزاحة درجة اللون صعودًا وهبوطًا بخطوة الزاوية التي تختارها، مع الحفاظ على نفس التشبع والإضاءة كاللون الأساسي، بحيث يبدو كل لون في اللوحة وكأنه جزء من نفس العائلة.

30 درجة هو الخيار التقليدي للمخططات المتجاورة ويعمل بشكل جيد لمعظم التصاميم. استخدم 15 درجة للحصول على لوحة أكثر دقة وتجمعًا، أو 45 درجة لانتشار أوسع يبدأ في إدخال المزيد من التباين.

نعم، استخدم "نسخ كمتغيرات CSS" لنسخ كتلة :root جاهزة للصق مع كل لون كخاصية مخصصة، أو "نسخ كقائمة HEX" لنسخ رموز hex فقط، واحد لكل سطر.

تقرن المخططات التكميلية لونًا بضده على العجلة (180 درجة فاصلة) للحصول على تباين عالٍ، وتستخدم المخططات الثلاثية ثلاثة ألوان متباعدة بالتساوي بمقدار 120 درجة. تحافظ المخططات المتجاورة بدلاً من ذلك على تقارب جميع الألوان، مفضلةً التناغم على التباين.