ما هو مولّد لوحة الألوان؟

مولّد لوحة الألوان ينشئ تركيبات ألوان متناسقة بناءً على نظرية الألوان. اختر لوناً أساسياً وقاعدة تناسق لتوليد لوحة فوراً.

ابدأ بثلاث طرق: اختر لونًا أساسيًا بمنتقي الألوان أو الصق رمز hex، أو أفلت صورة لاستخراج ألوانها الأبرز، أو اكتب حالة مزاجية مثل ocean أو sunset. ثم اختر قاعدة تناغم لتبني الأداة بقية اللوحة وفق نسب نظرية الألوان على العجلة. ثبّت أي لون تريد الاحتفاظ به، وبدّل البقية عشوائيًا، وانقر على لون يعجبك لتدور اللوحة كلها حوله، وعاين النتيجة عبر مرشحات عمى الألوان. صدّر الألوان الخمسة ككتلة خصائص CSS أو إعداد Tailwind أو ملف JSON لنظام التصميم، أو احفظ الشريط كصورة PNG أو SVG لمشاركته في ملخص أو على منصات التواصل.

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

1. ابدأ من لون أساسي، أو أفلت صورة لاستخراج ألوانها، أو اكتب حالة مزاجية مثل ocean أو sunset
2. اختر قاعدة الانسجام: مكمّلة أو متشابهة أو ثلاثية أو مكمّلة منقسمة أو رباعية أو أحادية
3. انسخ أي لون بصيغة HEX أو RGB أو HSL، تصفّح شبكة التباين بحثاً عن أزواج ملائمة للقراءة، ثم صدّر اللوحة كملف CSS أو إعداد Tailwind أو JSON أو صورة ألوان بصيغة PNG أو SVG

متى تستخدم

• بناء لوحة هوية بصرية من لون رئيسي اعتمده العميل بالفعل.
• اختيار ألوان فرعية واضحة لرسم بياني أو لوحة بيانات.
• تجربة عدة لوحات سريعاً قبل تصميم عرض تقديمي أو منشور تواصل اجتماعي.

النتيجة

اللون الأساسي #3498DB بتناسق ثلاثي يولّد: #3498DB و #976CD6 و #DB3498.

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

ما الفرق بين الألوان المكمّلة والمتجاورة والثلاثية؟

المكمّلة تضع اللون الأساسي مقابل ضدّه على 180 درجة لإحداث أقوى تباين. المتجاورة تبقى ضمن 30 درجة على عجلة الألوان فتظهر اللوحة هادئة. الثلاثية توزّع ثلاثة ألوان بزاوية 120 درجة بينها فيتحقق تباين قوي ومتوازن.

هل يمكنني الإبقاء على لون مفضّل وتوليد الباقي فقط؟

نعم. اضغط زر القفل على الخانات التي تريد تثبيتها، ثم بدّل قاعدة الانسجام أو اللون الأساسي أو اضغط «اخلط». الخانات المقفلة تبقى ثابتة بينما تتحدث البقية حولها.

أيّ صيغة تصدير أختار؟

‏CSS يمنحك متغيّرات مثل --color-1، وخيار Tailwind يضع كتلة theme.extend.colors جاهزة في إعدادك، وJSON كائن منظَّم لأدوات Design Tokens أو السكربتات. ولمشاركة اللوحة كصورة — في ملخص أو عرض تقديمي أو منشور — اختر PNG لصورة نقطية أو SVG لشريط ألوان متجهي حاد.

هل تجتاز هذه اللوحات معيار التباين WCAG؟

شبكة التباين المدمجة تقيس كل زوج وفق عتبات WCAG 2.x — AAA عند 7:1، وAA عند 4.5:1، وAA كبير عند 3:1 — وتحدّد الإخفاقات باللون الوردي. اختر زوجاً مباشرة من الشبكة قبل استخدامه في النص الأساسي أو الأزرار، لأن قواعد الانسجام مصممة للتوازن البصري لا لنسب التباين.

أين تذهب بيانات الألوان الخاصة بي؟

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

أدوات ذات صلة