WMW

مولد ظلال الألوان

Free

ولّد الظلال والتدرجات الفاتحة والنغمات ومخططات الألوان وجميع صيغ القيم (RGB وHSL وHSV وCMYK) لأي لون، مع كود CSS جاهز للنسخ.

يعمل بالكامل في متصفحك.

انقر على أي رمز سداسي أدناه لنسخه.

قيم اللون

الظلال

ممزوج نحو الأسود

التدرجات الفاتحة

ممزوج نحو الأبيض

النغمات

ممزوج نحو الرمادي

تفصيل RGB

تفصيل CMYK

مخططات الألوان

متمم

ثلاثي

متجانس

أحادي اللون

معكوس

معاينة على الأسود

معاينة على الأبيض

كود CSS

النشاط الأخير

مرئي للجميع. آخر 20 استخدامًا من جميع الزوار، الأحدث أولاً.

#3498DB

منذ يوم

#3498DB

منذ يوم

#3498DB

منذ يوم

#3498DB

منذ 3 أسابيع

التعليقات (0)

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

تُراجَع تعليقات الزوار قبل النشر. تسجيل الدخول للنشر فورًا.

لا توجد تعليقات بعد. كن أول من يشارك رأيه!

ماذا تفعل هذه الأداة

يأخذ لونًا واحدًا ويبني صفحة مرجعية كاملة حوله: كل صيغة قيمة (HEX وRGB وHSL وHSV وCMYK والآمن للويب)، وأشرطة ظل وتدرج فاتح ونغمة من 11 خطوة، وتفصيلات نسبة RGB وCMYK، ومخططات ألوان مكملة وثلاثية ومتجانسة وأحادية اللون ومعكوسة، ومعاينة مباشرة على الأسود والأبيض، ومقتطفات CSS جاهزة للاستخدام، كل ذلك يُولَّد فوريًا وقابل للنسخ بنقرة واحدة.

كيف يعمل

تُبنى الظلال والتدرجات الفاتحة والنغمات بمزج قنوات الأحمر والأخضر والأزرق للونك خطيًا نحو الأسود أو الأبيض أو الرمادي المتوسط بخطوات 10%. تعمل مخططات الألوان بدلاً من ذلك في نموذج HSL: يضيف المتكامل 180° إلى درجة اللون، ويضيف الثلاثي 120° و240°، ويحرّك المتجانس درجة اللون ±30°، ويحافظ أحادي اللون على درجة اللون والتشبع ثابتين بينما يجتاح الإضاءة، كل ذلك ملتفًا بشكل صحيح حول عجلة الألوان 360°. تُحسب HSV وCMYK بصيغهما القياسية الخاصة مباشرة من قيم RGB، ويقرّب المكافئ الآمن للويب كل قناة إلى أقرب واحدة من ست خطوات آمنة للويب (0، 51، 102، 153، 204، 255).

المشكلات التي تحلها

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

ما الفرق بين الظل والتدرج الفاتح والنغمة؟

هذه هي الطرق الكلاسيكية الثلاث لتغيير لون مع إبقاء درجة لونه قابلة للتمييز. يمزج الظل اللون بالأسود، مما يجعله أغمق. يمزجه التدرج الفاتح بالأبيض، مما يجعله أفتح وأنعم. تمزجه النغمة بالرمادي، مخففةً إياه دون دفعه نحو الأسود أو الأبيض الخالص. تولّد هذه الأداة الثلاثة جميعًا كشريط من 11 خطوة، من اللون الأصلي حتى 0%.

كيف تُحسب الظلال والتدرجات الفاتحة فعليًا؟

تمزج كل خطوة قنوات الأحمر والأخضر والأزرق للونك نحو الهدف (الأسود أو الأبيض أو الرمادي) بنسبة مئوية ثابتة، وهو نفس نهج الاستيفاء الخطي البسيط الذي تستخدمه معظم أدوات مرجع الألوان، بدلاً من تعديل الإضاءة في HSL. يحافظ ذلك على التدرج متساويًا بصريًا ويطابق ما تحصل عليه عند مزج الطلاء أو الحبر نحو الأسود أو الأبيض أو الرمادي.

ما الفرق بين متمم ومعكوس؟

يُدير متمم درجة اللون فقط 180° حول عجلة الألوان مع الحفاظ على نفس التشبع والإضاءة، لذا يصبح الأحمر الزاهي سماويًا زاهيًا بنفس القدر، وهذا هو "اللون المعاكس" المستخدم في نظرية الألوان والتصميم. بينما يُقلب معكوس كل قيمة أحمر وأخضر وأزرق (255 ناقص الأصلي)، مما يُغيّر السطوع أيضًا، حيث يُصبح الأبيض أسودًا عند العكس، لكنه يبقى أبيض في عملية التتميم لأنه لا توجد درجة لون لتدويرها.

ما هي مخططات ثلاثي ومتجانس وأحادي اللون؟

يختار ثلاثي لونين إضافيين متباعدين بالتساوي بمقدار 120° على عجلة الألوان، مما يعطي ثلاثة ألوان بتباين قوي لا تزال تبدو متوازنة معًا. يختار متجانس ألوانًا بزاوية 30° على جانبي درجة لونك، ألوان تقع بجانب بعضها على العجلة وتبدو منسجمة بشكل طبيعي. يحافظ أحادي اللون على درجة اللون والتشبع الدقيقين للونك لكنه يغيّر الإضاءة فقط، مما يعطي مجموعة ألوان مضمونة التناسق لأنها في الواقع نفس اللون بمستويات سطوع مختلفة.

ماذا يعني "آمن للويب"؟

الألوان الـ216 الآمنة للويب هي اللوحة التي كانت تُعرض بشكل متطابق على شاشات 256 لونًا القديمة، حيث كل قناة أحمر وأخضر وأزرق مقيّدة بواحدة من ست قيم (0، 51، 102، 153، 204، 255). لا تحتاج الشاشات الحديثة لهذا القيد، لكن المكافئ الآمن للويب لا يزال مفيدًا كمرجع للتنسيق الرجعي أو الإخراج شديد المحدودية اللونية.

لماذا تبدو قيم HSV وCMYK مختلفة عن HSL؟

تصف HSL وHSV وCMYK جميعها نفس اللون من خلال نماذج مختلفة بُنيت لأغراض مختلفة. يصف كل من HSL وHSV درجة اللون، والفرق بين "القيمة" في HSV و"الإضاءة" في HSL يعني أن نفس اللون قد يُظهر نسبة تشبع مختلفة بينهما. يصف CMYK كمية الحبر السماوي والأرجواني والأصفر والأسود التي سيمزجها الطابع، والتي تتبع قواعد اللون الطرحي بدلاً من قواعد الضوء الجمعي للأحمر والأخضر والأزرق التي يستخدمها RGB وHSL/HSV، لذا فهو ليس تحويلًا مباشرًا بسيطًا.

هل يمكنني نسخ الألوان المُولَّدة وCSS؟

نعم. انقر على أي رمز سداسي في صف قيم اللون، أو في أي عينة ظل أو تدرج فاتح أو نغمة أو مخطط ألوان، لنسخه إلى الحافظة. يحتوي قسم كود CSS أسفل الصفحة على قواعد جاهزة لـbackground-color وcolor وborder-color وbox-shadow، بأزرار نسخ خاصة بها.

أدوات ذات صلة