TL
Tool Lab
💰Donate
💰Donate

خلاط الألوان

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

اللون 1
اللون 2
نسبة المزج — 50% اللون 1 : 50% اللون 2
اللون الممزوج
HEX: #A79C98
RGB: rgb(167, 156, 152)
HSL: hsl(16, 8%, 63%)
مقياس التدرج (انقر للنسخ)
#FF6B6B
#E27B7A
#C48C89
#A79C98
#89ACA6
#6CBDB5
#4ECDC4

حول هذه الأداة

يمزج خلاط الألوان لونين سداسيين في فضاء RGB، منتجاً مزجاً سلساً بأي نسبة بين 0% و100%. يعرض مقياس التدرج 7 خطوات متساوية بين اللونين.

مزج RGB هو نفس العملية التي يؤديها المتصفح عند تركيب الألوان — دقيق رياضياً وقابل للتنبؤ. اللون الممزوج عند 50% هو نقطة المنتصف الحقيقية بين اللونين في فضاء RGB.

كيفية الاستخدام

  1. اختر لونين باستخدام منتقيات الألوان أو اكتب رموز hex مباشرةً.
  2. استخدم أزرار الإعدادات المسبقة لتجربة تركيبات الألوان الكلاسيكية.
  3. اسحب شريط النسبة لضبط المزج. 0% يعطي اللون 1؛ 100% يعطي اللون 2.
  4. انقر على أي عينة تدرج أو زر نسخ HEX لنسخ لون.

حالات الاستخدام

يمزج مصممو UI اللون الرئيسي للعلامة التجارية مع الأبيض أو الأسود لحالات hover والنشط والمعطل. يختار مصممو الحركة ألواناً وسيطة لحركات الإطارات الرئيسية. يُنشئ مطورو الواجهة الأمامية نقاط توقف التدرج دون محرر رسومات.

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

  • هل هذا نفس التدرج في CSS؟نعم. CSS linear-gradient يمزج أيضاً في sRGB افتراضياً. الخطوات المعروضة تتوافق بالضبط مع النقاط الوسيطة لتدرج CSS.
  • لماذا خلط الأحمر والأزرق لا ينتج البنفسجي؟في RGB، الأحمر (#ff0000) والأزرق (#0000ff) عند 50% ينتجان #7f007f (أرجواني داكن). البنفسجي الزاهي يتطلب خلط الأحمر مع أزرق-بنفسجي مثل #8000ff.
  • هل يمكنني الحصول على مزيد من خطوات التدرج؟يعرض المقياس دائماً 7 خطوات. استخدم شريط النسبة لفحص أي نقطة وسيطة محددة.
  • هل يدعم قناة ألفا/الشفافية؟لا، يعمل هذا الأداة مع ألوان hex الصلبة فقط.