intoolyأدوات مجانية احترافية
جميع أدوات الصور

مولد لوحات الألوان مجانًا أونلاين

أنشئ لوحات ألوان متناسقة، استخرج الألوان من الصور، وافحص التباين وصدّر أكوادك بسهولة.

rgb(234, 88, 12)

HSL 21, 90%, 48%

rgb(245, 158, 11)

HSL 38, 92%, 50%

rgb(15, 23, 42)

HSL 222, 47%, 11%

rgb(253, 186, 116)

HSL 31, 97%, 72%

rgb(100, 116, 139)

HSL 215, 16%, 47%

اضغط Space للتوليد السريع، أو اقفل الألوان التي تريد الاحتفاظ بها.

ما هو مولد لوحات الألوان Color Palette Generator؟

مولد لوحات الألوان من Intooly هو أداة تصميم مجانية عبر الإنترنت تساعدك على إنشاء مجموعات ألوان متناسقة لاستخدامها في تصميم المواقع الإلكترونية وتطبيقات الهاتف والهويات البصرية والعروض التقديمية والمحتوى الرقمي. يمكنك توليد لوحة ألوان اعتمادًا على قواعد عجلة الألوان، واستخراج الألوان من صورة، وإنشاء درجات لونية وتدرجات CSS، وفحص التباين قبل اعتماد الألوان في مشروعك.

تعرض الأداة قيم كل لون بصيغ HEX وRGB وHSL، وتتيح نسخ الأكواد أو تصديرها إلى ملفات CSS وTailwind وJSON وPNG وASE. تتم معالجة الصور المختارة محليًا داخل المتصفح عند استخدام ميزة استخراج الألوان.

أنواع تناغم الألوان وكيف تختار لوحة متناسقة

أحادي اللون Monochromatic

يعتمد على لون واحد مع تغيير الإضاءة والتشبع للحصول على درجات فاتحة وداكنة. يناسب التصاميم الهادئة والواجهات البسيطة.

الألوان المتجاورة Analogous

يجمع ألوانًا متقاربة على عجلة الألوان، ويمنح التصميم إحساسًا بالانسجام والترابط.

الألوان المتكاملة Complementary

يجمع لونين متقابلين على عجلة الألوان، ويُستخدم لإبراز الأزرار والعناصر المهمة مع ضرورة ضبط التباين.

المكمل المنشطر Split Complementary

يجمع اللون الأساسي مع لونين قريبين من اللون المقابل، ويوفر تنوعًا بصريًا مع توازن جيد.

الألوان الثلاثية Triadic

يستخدم ثلاثة ألوان متباعدة بالتساوي على عجلة الألوان، ويمنح التصميم حيوية وتنوعًا.

الألوان الرباعية Tetradic

يعتمد على أربعة ألوان موزعة على شكل زوجين متكاملين، ويمنح خيارات واسعة مع الحاجة إلى اختيار لون مهيمن.

استخدام أكواد الألوان HEX وRGB وHSL

يُستخدم كود HEX بكثرة في صفحات الويب وملفات CSS، مثل #EA580C. أما RGB فيمثل شدة الأحمر والأخضر والأزرق بقيم من 0 إلى 255، بينما HSL يصف اللون من خلال درجة اللون Hue والتشبع Saturation والإضاءة Lightness. توفر الأداة الصيغ الثلاث لتسهيل العمل بين المصممين ومطوري الواجهات.

فحص تباين الألوان وفق معايير WCAG

لا يكفي أن تكون ألوان الموقع جميلة؛ يجب أن يكون النص واضحًا وسهل القراءة. يساعدك فاحص التباين على قياس الفرق بين لون النص والخلفية. توصي إرشادات WCAG بنسبة 4.5:1 على الأقل للنص العادي في المستوى AA، و3:1 للنص الكبير، بينما يتطلب المستوى AAA نسبة 7:1 للنص العادي و4.5:1 للنص الكبير.

الأسئلة الشائعة حول مولد الألوان

ما هو مولد لوحات الألوان؟
مولد لوحات الألوان هو أداة تساعدك على إنشاء مجموعة ألوان متناسقة لاستخدامها في تصميم المواقع والتطبيقات والهويات البصرية. يعتمد على قواعد عجلة الألوان لتكوين مجموعات متناغمة.
كيف أنشئ لوحة ألوان متناسقة؟
اختر قاعدة التناغم المناسبة، مثل الألوان المتكاملة أو المتجاورة أو الثلاثية، ثم أنشئ لوحة جديدة. يمكنك قفل الألوان التي تريد الاحتفاظ بها وإعادة توليد بقية الألوان.
ما الفرق بين HEX وRGB وHSL؟
HEX صيغة سداسية شائعة في CSS، وRGB يحدد اللون بمقادير الأحمر والأخضر والأزرق، بينما HSL يصف اللون من خلال درجة اللون والتشبع والإضاءة.
هل يمكن استخراج لوحة ألوان من صورة؟
نعم، يمكنك اختيار صورة من جهازك واستخراج مجموعة من الألوان الأكثر حضورًا فيها، ثم نسخها أو استخدامها في لوحة الألوان.
كيف أعرف أن لون النص واضح فوق الخلفية؟
استخدم فاحص التباين لمقارنة اللونين. يعرض نسبة التباين ونتائج إرشادات WCAG لمستويات AA وAAA للنص العادي والكبير.
هل يمكن تصدير الألوان إلى CSS وTailwind؟
نعم، يمكنك تنزيل متغيرات CSS أو إعدادات ألوان Tailwind أو ملف JSON، كما يمكنك تنزيل صورة PNG أو ملف ASE لبرامج التصميم المتوافقة.
هل مولد الألوان مجاني؟
نعم، يمكنك استخدام وظائف إنشاء اللوحات واستخراج الألوان وفحص التباين والتصدير مجانًا من المتصفح.
هل تُرفع صوري إلى خادم؟
تتم معالجة الصورة المختارة محليًا في المتصفح باستخدام Canvas، ولا تتطلب ميزة استخراج الألوان إرسال الصورة إلى خادم.