مازج اللون: دليل البدء السريع

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

الإدخال مازج اللون الإخراج يعمل بالكامل في متصفحك — بياناتك لا تغادر جهازك.
مازج اللون — الإدخال → الإخراج. يعمل بالكامل في متصفحك — بياناتك لا تغادر جهازك.

طريقة الاستخدام

  1. افتح الأداة والصق مدخلاتك في اللوحة اليسرى.
  2. اضبط فقط الخيارات التي تحتاجها مهمتك فعليًا — القيم الافتراضية صحيحة لمعظم المدخلات.
  3. اقرأ النتيجة في اللوحة اليمنى؛ فهي تتحدّث أثناء الكتابة.
  4. استخدم «نسخ» لأخذ النتيجة أو «تنزيل» لحفظها كملف.
طريقة الاستخدام · مازج اللون 1 الصق بياناتك في مربعالإدخال (أو حمّلالمثال). 2 اضبط الخيارات حسبالتنسيق المطلوب. 3 انسخ أو نزّل أو افحصالمخرجات — تُحدَّثأثناء الكتابة.
طريقة الاستخدام — 3

أمثلة

Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.

الإدخال

#0ea5b7

الإخراج — النتائج

#0ea5b7 + #ffffff at 50% (mixed in RGB)

Result
  HEX   #87d2db
  RGB   rgb(135, 210, 219)
  HSL   hsl(186.4, 54.0%, 69.3%)

Contrast against white : 1.71:1
Contrast against black : 12.26:1

Ramp (9 steps)
    0%  #0ea5b7
   13%  #2cb0c0
   25%  #4abcc9
   38%  #68c7d2
   50%  #87d2db
   63%  #a5dde4
   75%  #c3e9ed
   88%  #e1f4f6
  100%  #ffffff

CSS
  --mix: #87d2db;
  background: linear-gradient(90deg, #0ea5b7, #ffffff);

تشغيل

الوصف

Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.

مازج اللون → · طريقة الاستخدام → · أدوات الألوان →

أدوات ذات صلة

منتقي العشري اللونInteractive picker with HEX, RGB and HSL output.محوّل اللون CodeConvert between HEX, RGB, HSL and named colors.اللون الأسماء فاحص (WCAG)Verify text contrast ratios against WCAG AA/AAA.مولّد اللون التباينShades, tints and complementary schemes from one color.مولّد العمر اللونBatch random colors with copyable codes.مرجع CSS المسمّاة الألوانAll 148 CSS color names with codes and previews.