مولّد لوحات الألوان
أنشئ لوحات ألوان متناسقة من أي لون أساسي باستخدام نظرية الألوان. اختر مخططات تكميلية أو متشابهة أو ثلاثية أو تكميلية مقسّمة أو رباعية. انسخ جميع الألوان كمتغيرات CSS على الفور.
الأسئلة الشائعة
ما هو تناسق الألوان؟
يشير تناسق الألوان إلى ترتيب الألوان المبهج بصرياً بناءً على مواضعها في دوّامة الألوان. تتبع اللوحات المتناسقة علاقات رياضية بين التدرجات اللونية مما يخلق شعوراً بالتوازن والتماسك في التصميم.
متى أستخدم الألوان التكميلية مقابل المتشابهة؟
تخلق الألوان التكميلية (المتقابلة في الدوّامة) تباينًا عالياً وتوتراً بصرياً — مثالية لأزرار الدعوة إلى الإجراء والعناصر المبرزة. الألوان المتشابهة (المتجاورة في الدوّامة) متناسقة ومنخفضة التباين، ممتازة للخلفيات وعناصر الواجهة المحايدة.
كيف أستخدم هذه الألوان في CSS؟
انقر "نسخ الكل كمتغيرات CSS" للحصول على كتلة :root مع متغيرات --color-1 إلى --color-N. الصقها في ورقة الأنماط وأشر إليها بـvar(--color-1) وما إلى ذلك. لنسخ ألوان فردية، انقر زر النسخ على كل بطاقة لون.