توليد لوحة ألوان متناسقة من لون واحد
ابنِ لوحة ألوان كاملة من لون أساسي — درجات ومتكاملة ومتجانسة، وانسخ كل كود HEX فوراً.
انقر أي عيّنة لنسخ الـHEX.
يُولَّد محلياً
آمن للهويات غير المعلنة
بلا حساب
اتصال آمن
كيف تعمل
- 1
اختر لوناً أساساً
الصق رمز HEX — وغالباً يكون لون الهوية الذي التزمت به أصلاً.
- 2
اختر قاعدة الانسجام
المتمّمة للتباين، والمتجاورة للهدوء، والثلاثية أو الرباعية للتنوّع، والدرجات لتدرّج صبغة واحدة.
- 3
انسخ اللوحة
خذ قيم HEX مباشرةً إلى ملف التنسيق أو محرّر السمة أو أداة التصميم.
لماذا تستخدم هذه الأداة
خمس قواعد انسجام
متمّمة ومتجاورة وثلاثية ورباعية ودرجات، كلٌّ منها علاقة محدّدة على عجلة الألوان لا مزاج.
مدخل واحد ومجموعة كاملة
أعطِ لون هويتك الموجود أصلاً، فتُشتقّ البقية منه — فتكون اللوحة مرتكزة لا مجمَّعة.
قيم HEX قابلة للنسخ
كل عيّنة تأتي برمزها، جاهزةً لملف تنسيق أو ملف تصميم.
ترى العلاقة
الألوان المولَّدة تُعرض معاً، وهي الطريقة الوحيدة للحكم على تماسك التركيبة.
لا شيء يُرفع
حساب العجلة يجري في متصفحك — ولا تُرسل أي قيمة لونية إلى أي مكان.
مجاني بلا حساب
بلا تسجيل، وبلا حدّ لعدد اللوحات، وبلا علامة مائية.
ما هي قاعدة الانسجام فعلاً
القواعد مواضع على عجلة الصبغات لا آراء جمالية. خذ زاوية صبغة اللون الأساس، وتخبرك القاعدة أين تقع البقية: المتمّمة عند +180°، والمتجاورة عند ±30° تقريباً، والثلاثية عند +120° و+240°، والرباعية زوجان متمّمان. هذه هي الآلية كلها. وفائدتها ليست أن هذه التركيبات جميلة موضوعياً — بل أنها **متوقَّعة**. فاللوحة المبنية بقاعدة تفشل بطرق تستطيع تحليلها، أما اللوحة المجمَّعة بانتقاء عيّنات بدت كلٌّ منها جيدة منفردةً فتفشل عادةً بطرق لا يستطيع أحد تشخيصها، لأنه لا توجد علاقة يمكن فحصها.
الاختيار بين القواعد
كل قاعدة تحلّ مشكلة مختلفة. الصبغات المتجاورة تقع جنباً إلى جنب وتتشارك شبهاً عائلياً، فتكون آمنة وهادئة — جيدة لخلفية أو رسم توضيحي، وضعيفة حين تحتاج شيئاً يبرز. والمتمّمة تُعظّم الفصل، وهو بالضبط ما يحتاجه لون الإبراز: لون مهيمن واحد، وصبغة مقابلة تُستعمل باقتصاد للفعل الذي تريد النقر عليه. والثلاثية تعطي ثلاث صبغات متمايزة تبقى متوازنة، لكن بشرط أن يهيمن واحد بوضوح ويسنده الآخران. أما الرباعية فتعطي أربعاً وهي صعبة فعلاً؛ ومعظم اللوحات الرباعية الناجحة عملياً تستعمل لونين منها بمساحة كسرية مقارنةً بالآخرين.
لماذا تحتاج الواجهة الدرجات أكثر من الصبغات
القواعد أعلاه تجيب عن سؤال «أي الألوان تنسجم معاً»، لكن المنتج الحقيقي يحتاج شيئاً آخر: درجات كثيرة من اللون نفسه. فخلفية الصفحة، وسطح البطاقة، والحدّ الرفيع، والتسمية المعطّلة، ونصّ المتن، كلها عادةً الصبغة ذاتها بقيم إضاءة مختلفة؛ وتباعد تلك الدرجات بانتظام يهمّ المظهر النهائي أكثر من الاختيار بين الثلاثية والرباعية. وهذا ما ينتجه وضع الدرجات — صبغة واحدة متدرّجة بالإضاءة، وهي بالضبط طريقة بناء تدرّج لوني في نظام تصميم. ومعظم المشاريع تحتاج صبغة إبراز واحدة وتدرّجاً محايداً مبنياً جيداً أكثر بكثير مما تحتاج خمس صبغات متمايزة.
اللوحة المولَّدة نقطة بداية لا نظام تصميم
ما تعطيك إياه العجلة هو علاقات الصبغات. وما لا تستطيع إعطاءه هو الأدوار. اللوحة العاملة تُسند لكل لون وظيفة — هذا هو السطح، وهذا الفعل الرئيسي، وهذا الفعل التدميري، وهذا الحدّ — وهذه الإسنادات تعتمد على واجهتك لا على الهندسة. كما أن العجلة لا تعرف شيئاً عن المقروئية: فمخطّط ثلاثي قد يكون متوازناً تماماً ويضع نصّاً على خلفية عند 2.5:1. ولّد العلاقات هنا، وأسنِد الأدوار بنفسك، ثم مرّر كل زوج نصّ-على-خلفية على مدقّق التباين قبل أن يصل أي منها إلى مكتبة مكوّنات.
نسبة 60-30-10
من حالات الفشل الشائعة اعتبار لوحة من خمسة ألوان تصريحاً باستعمال خمسة ألوان بالتساوي، وهو ما يُنتج واجهة مزدحمة بلا نقطة تركيز. أما العُرف الذي يصمد أمام التخطيطات الحقيقية فهو نحو 60٪ لون محايد مهيمن، و30٪ ثانوي، و10٪ لون إبراز. وبهذه النسبة لا يكون الزوج المتمّم لونين متنافسين — بل سطحاً كبيراً هادئاً ومقاطعةً صغيرة مقصودة. وهذا أيضاً سبب أن اللوحات تبدو أجمل في النموذج الأولي منها في الإنتاج: النموذج يعرض العيّنات بأحجام متساوية، والواجهة لن تفعل.
تحويل اللوحة وتوسيعها
بعد الحصول على المجموعة، يصير العمل العملي تحويلها إلى شيء يستعمله ملف التنسيق. قيم الصبغات تأتي من العجلة بصيغة HEX؛ وإن كنت تنوي اشتقاق حالات التمرير والنشاط والتعطيل، فحوّلها إلى HSL أولاً بـمحوّل الألوان وتدرّج بالإضاءة، لأن ذلك يُبقي كل متغيّر في عائلة الصبغة نفسها بدل أن ينحرف. وأبقِ الألوان الأساسية مصدراً واحداً للحقيقة وولّد المتغيّرات منها بدل تخزين عشرات الرموز شبه المتطابقة — فاللوحة التي تنمو يدوياً تفقد اتّساقها خلال أشهر قليلة.
أخطاء شائعة يجب تجنّبها
- استعمال كل ألوان اللوحة بوزن متساوٍ. خمسة ألوان بمساحات متساوية تُنتج واجهة بلا نقطة تركيز؛ أبقِ نحو 60٪ مهيمناً و30٪ ثانوياً و10٪ إبرازاً ليُقرأ لون الإبراز إبرازاً فعلاً.
- اختيار المخطّط قبل معرفة ما الذي يجب أن يبرز. المتجاورة هادئة وضعيفة في التأكيد؛ والمتمّمة وُجدت لتجعل عنصراً واحداً لا يُفوَّت. اختر القاعدة من الوظيفة لا من شكل العيّنات.
- افتراض أن اللوحة المتوازنة مقروءة. عجلة الألوان لا تعرف شيئاً عن نسب التباين — فزوج منسجم قد يضع نصّاً عند 2.5:1 على خلفيته.
- بناء واجهة من الصبغات وحدها. الأسطح والحدود والحالات المعطّلة ونصّ المتن معظمها صبغة واحدة بإضاءات مختلفة؛ وتدرّج درجات جيد يهمّ يومياً أكثر من لون إبراز رابع.
- انتقاء حالات التمرير والنشاط يدوياً كرموز HEX جديدة. اشتقّها بالتدرّج في إضاءة HSL من اللون الأساس، وإلا انحرفت صبغة العائلة كلما نمت اللوحة.
كيف تُقارن
| KeroTools | معارض اللوحات | برامج التصميم | |
|---|---|---|---|
| يبدأ من لون هويتك | نعم | عشوائي عادةً | نعم |
| قواعد انسجام مسمّاة | خمس | نادراً ما تُذكر | نعم |
| إرسال القيم إلى خادم | أبداً | غالباً | لا |
| يتطلب حساباً | لا | غالباً للحفظ | يتطلب ترخيصاً |
| يعمل دون اتصال | بعد التحميل الأول | لا | نعم |
| التكلفة | مجاني | مجاني / مدفوع | مدفوع |
المزايا
المتمّمة
الصبغة المقابلة تماماً على بُعد 180° — أقصى فصل، وتُستعمل للون إبراز واحد أمام لون مهيمن.
المتجاورة
صبغات متجاورة على بُعد نحو 30°، تتشارك شبهاً عائلياً وتُقرأ هادئة متماسكة.
الثلاثية
ثلاث صبغات متباعدة بالتساوي 120° — زاهية ومتوازنة، لكنها تحتاج مهيمناً واضحاً واحداً.
الرباعية
أربع صبغات في زوجين متمّمين؛ أغنى المخطّطات وأصعبها موازنةً.
الدرجات
صبغة واحدة متدرّجة بالإضاءة — وهو التدرّج الذي تحتاجه الواجهات فعلاً للأسطح والحدود والنصوص.
HEX لكل عيّنة
كل لون مولَّد يحمل رمزه، جاهزاً للنسخ.
بلا تثبيت
لا شيء يُنزَّل أو يُثبَّت — يعمل على صفحة الويب مباشرة.
يدعم العربية والاتجاه من اليمين
واجهة كاملة بثماني لغات، منها العربية بالاتجاه الصحيح.
آمن افتراضياً
عبر HTTPS، بلا تتبّع للملفات وبلا رفع لأي طرف ثالث.
من يستخدمها
المصمّمون
اشتقاق مجموعة متماسكة من لون هوية قائم بدل تجميع عيّنات بالعين.
مطوّرو الواجهات
الحصول على تدرّج درجات للأسطح والحدود بلا انتقاء عشرة درجات رمادية يدوياً.
أصحاب الأعمال الصغيرة
توسيع لون شعار واحد إلى ما يصلح لموقع ومطبوعاته.
كل من يخصّص قالباً
ملء خانتَي الثانوي والإبراز اللتين يطلبهما محرّر السمة، انطلاقاً من لون واحد لديهم.
الأسئلة الشائعة
لا. كل شيء يعمل محلياً في متصفحك — لا شيء يُرفع أو يُخزَّن أو يُشارَك.
نعم — مجاني تماماً، بلا حساب وبلا حدود.