مولد ظلال الألوان
Freeولّد الظلال والتدرجات الفاتحة والنغمات ومخططات الألوان وجميع صيغ القيم (RGB وHSL وHSV وCMYK) لأي لون، مع كود CSS جاهز للنسخ.
يعمل بالكامل في متصفحك.
انقر على أي رمز سداسي أدناه لنسخه.
قيم اللون
الظلال
ممزوج نحو الأسودالتدرجات الفاتحة
ممزوج نحو الأبيضالنغمات
ممزوج نحو الرماديتفصيل RGB
تفصيل CMYK
مخططات الألوان
متمم
ثلاثي
متجانس
أحادي اللون
معكوس
معاينة على الأسود
معاينة على الأبيض
كود CSS
النشاط الأخير
مرئي للجميع. آخر 20 استخدامًا من جميع الزوار، الأحدث أولاً.
#3498DB
منذ يوم
#3498DB
منذ يوم
#3498DB
منذ يوم
#3498DB
منذ 3 أسابيع
ماذا تفعل هذه الأداة
يأخذ لونًا واحدًا ويبني صفحة مرجعية كاملة حوله: كل صيغة قيمة (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).
المشكلات التي تحلها
- بناء لوحة كاملة من الظلال/التدرجات الفاتحة من لون علامة تجارية واحد للأزرار وحالات التحويم والخلفيات.
- تحويل لون واحد بين HEX وRGB وHSL وHSV وCMYK دون فتح تطبيق تصميم.
- إيجاد مخطط ألوان مكمل أو ثلاثي أو متجانس لتصميم دون التخمين على عجلة الألوان.
- التحقق من كيفية ظهور لون كنص على خلفية سوداء أو بيضاء عادية قبل الالتزام به.
- الحصول على CSS جاهز للون خلفية أو نص أو حدود أو ظل دون كتابته يدويًا.
الأسئلة الشائعة
›ما الفرق بين الظل والتدرج الفاتح والنغمة؟
هذه هي الطرق الكلاسيكية الثلاث لتغيير لون مع إبقاء درجة لونه قابلة للتمييز. يمزج الظل اللون بالأسود، مما يجعله أغمق. يمزجه التدرج الفاتح بالأبيض، مما يجعله أفتح وأنعم. تمزجه النغمة بالرمادي، مخففةً إياه دون دفعه نحو الأسود أو الأبيض الخالص. تولّد هذه الأداة الثلاثة جميعًا كشريط من 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، بأزرار نسخ خاصة بها.
أدوات ذات صلة
صورة
مخطط الألوان المتناظرة
ولّد لوحة ألوان متجاورة متناغمة من أي لون أساسي، مباشرة في متصفحك.
Freeصورة
مزج الألوان
امزج لونين بتوازن قابل للتعديل، باستخدام مزج RGB بسيط أو مصحح غاما أو HSL.
Freeصورة
تمويه الصورة
ضبّب صورة في متصفحك باستخدام تمويه صندوقي أو غاوسي أو حركي أو شعاعي، ثم حمّل النتيجة.
Freeصورة
مولد صور بإطار ضبابي
ضع صورتك في مربع أو نسبة عرض إلى ارتفاع أخرى دون قص، مع ملء المساحة الإضافية بنسخة مكبرة ومموهة من الصورة.
التعليقات (0)
هل وجدت هذه الأداة مفيدة؟ اترك تعليقًا، أو شارك نصيحة، أو أخبرنا كيف يمكننا تحسينها.
لا توجد تعليقات بعد. كن أول من يشارك رأيه!