مولد لوحة الألوان
أنشئ لوحات ألوان جميلة ومتناسقة فوراً مع مولدنا المجاني عبر الإنترنت. يدعم أوضاع أحادي اللون، المتشابه، المكمل، الثلاثي، المنقسم المكمل، والرباعي. اضبط الألوان باستخدام شرائح HSL، أقفل المفضلة، وصدّر كـ CSS أو Tailwind أو JSON أو SVG. 100% قائم على المتصفح، بياناتك لا تغادر جهازك أبداً.
كيف أنشئ لوحة ألوان؟
انقر على زر "إنشاء" أو اضغط على مفتاح المسافة لإنشاء لوحة عشوائية جديدة. استخدم محدد وضع التناغم لاختيار نظام أحادي اللون أو متشابه أو مكمل أو ثلاثي أو منقسم المكمل أو رباعي.
كيف أقفل لونًا يعجبني؟
انقر على أيقونة القفل على عينة اللون. ستظل الألوان المقفلة عند إنشاء لوحة جديدة، بينما سيتم استبدال الألوان غير المقفلة.
كيف أصدّر لوحتي؟
انقر على زر "تصدير" للاختيار بين متغيرات CSS أو إعدادات Tailwind أو مصفوفة JSON أو لوحة SVG. سيتم نسخ اللوحة إلى الحافظة تلقائيًا.
ما هي أوضاع التناغم المختلفة؟
أحادي اللون يستخدم صبغة واحدة مع تشبع وإضاءة متغيرة. المتشابه يستخدم صبغات متجاورة (±30°). المكمل يستخدم صبغات متقابلة (180°). الثلاثي يستخدم 3 صبغات متساوية البعد (120°). المنقسم المكمل يستخدم صبغة أساسية بالإضافة إلى صبغتين متجاورتين لمكملتها. الرباعي يستخدم 4 صبغات متساوية البعد (90°).
هل يمكنني بناء اللوحة حول لون علامتي التجارية؟
نعم. اختر لون علامتك من منتقي اللون الأساسي ثم اختر وضع التناسق، فتتولد الألوان الأربعة الأخرى حوله. وبعدها يمكنك ضبط كل لون بدقة عبر شرائح HSL.
ما صيغ التصدير المتاحة؟
يمكن تصدير اللوحة كمتغيرات CSS أو إعدادات Tailwind أو مصفوفة JSON أو ملف SVG. تتحدث معاينة الكود فور تغيير الصيغة، فتنسخها وتلصقها في مشروعك مباشرة.
هل أستطيع رؤية قيم الألوان بصيغة HEX أو RGB أو HSL؟
نعم، يمكن التبديل بين HEX وRGB وHSL لعرض قيمة كل لون، فتحصل مباشرة على الصيغة التي تتطلبها أداة التصميم أو الكود دون تحويل يدوي.
ماذا تعني الشارة الصغيرة على كل لون؟
تبين أيهما يبقى مقروءاً فوق هذا اللون: النص الأبيض أم الأسود. عندما تصل نسبة التباين إلى 4.5:1 تظهر شارة النجاح وفق توصيات WCAG — مفيدة عند اختيار خلفيات الأزرار واللافتات.
هل تُرفع لوحتي إلى خادم؟
لا. كل شيء يعمل داخل متصفحك، فألوانك لا تغادر جهازك أبداً. وبعد تحميل الصفحة يعمل المولد حتى دون اتصال.
كيفية استخدام مولد لوحة الألوان
أنشئ لوحات ألوان متناسقة بأنماط أحادي التدرج والمتجاورة والثلاثية وغيرها — كل الحسابات تجري في متصفحك. ثبّت الدرجات التي تعجبك، اضبطها بدقة، ثم صدّرها بصيغة الإطار الذي تستخدمه.
- اختر نمط التناسق (Mode) من القائمة المنسدلة: Random أو Monochromatic أو Analogous أو Complementary أو Triadic أو Split-complementary أو Tetradic.
- عيّن لون Base بحيث تُشتق كل عيّنة تُنشأ من درجة علامتك التجارية، وأعد التوليد حتى تعجبك المجموعة.
- احذف أي عيّنة لا تعجبك بزر ✕ وأعد السحب؛ واضبط الباقي بدقة عبر منزلقات HSL.
- قارن العينات على نماذج فاتحة وداكنة للتأكد من بقاء النص مقروءًا فوق كل لون.
- افتح Export Palette واحصل على ألوانك كـ CSS Variables أو Tailwind Config أو JSON Array أو SVG Palette.
ثبّت عيّنة Base قبل إعادة التوليد في نمط Random، فتستكشف بذلك الاختلافات حول لون علامتك دون أن تفقده.
أدوات ذات صلة
- محول الألوان محول ألوان مجاني عبر الإنترنت. تحويل فوري لتنسيقات HEX و RGB و HSL و HSV مع منتقي بصري. 100% خاص، يعمل في متصفحك.
- أداة اختيار الألوان اختر أي لون من الشاشة باستخدام القطارة. انسخ أكواد HEX و RGB و HSL فورًا. أداة اختيار ألوان مجانية.
- مدقق تباين الألوان تحقق من نسب تباين الألوان للامتثال لـ WCAG 2.1. تحقق من معايير AA و AAA فورًا.
- محاكي عمى الألوان محاكي عمى الألوان المجاني عبر الإنترنت. اختبر التصاميم للبروتانوبيا والديوترانوبيا والتريتانوبيا والأنواع الأخرى. 100% خاص، يعمل في متصفحك.
- تقسيم إطارات GIF استخرج وحمّل إطارات فردية من رسوم GIF كـ PNG أو ورقة رسوم. أداة مجانية عبر الإنترنت مع معاينة وتصدير ZIP.
- عكس GIF عكس ترتيب تشغيل رسوم GIF المتحركة مجانًا عبر الإنترنت. ارفع، عاين وحمّل GIF معكوس فورًا.
- مغير سرعة GIF غيّر سرعة رسوم GIF المتحركة عبر الإنترنت. سرّع أو أبطئ ملفات GIF فوراً.
- فيديو إلى GIF حوّل الفيديو إلى GIF متحرك عبر الإنترنت. اضبط الجودة ومعدل الإطارات والدقة مباشرة في متصفحك دون الحاجة إلى رفع أي ملفات.