انتقل إلى منتقي الألوان

مزج الألوان

امزج لونين بأي نسبة في OKLab أو OKLCH أو sRGB. انسخ النتيجة أو تعبير color-mix() جاهزًا.

50%
المزج في
النتيجة#ae7ea4
HEX
RGB
OKLCH

CSS مع بديل

color: #ae7ea4;
color: color-mix(in oklab, #ff5733, #3b82f6 50%);

الخطوات من الأول إلى الثاني

المزج نفسه في كل فضاء

يصير sRGB رماديًا وداكنًا في المنتصف. يحافظ OKLab على تساوي السطوع. أما OKLCH وHSL فيحافظان على التشبع لكنهما يدوران حول عجلة الصبغة.

أسئلة وأجوبة

ما هي الدالة color-mix() في CSS؟

color-mix() دالة في CSS تمزج لونين في فضاء لوني تختاره، مثل color-mix(in oklab, #ff5733, #3b82f6 30%). تعمل في كل المتصفحات الحالية. ضع قبلها لونًا عاديًا كبديل للمتصفحات القديمة، كما في المقتطف أعلاه.

في أي فضاء لوني أمزج الألوان؟

OKLab هو الخيار الافتراضي الأكثر أمانًا: يحتفظ المنتصف بسطوعه ولا يصبح عكرًا. يحافظ OKLCH على تشبع الألوان لكنه يسلك أقصر طريق حول دائرة الصبغات، فيمر الأحمر والأزرق عبر البنفسجي والوردي. أما sRGB فهي طريقة الأدوات القديمة في المزج، وغالبًا ما يبدو منتصفها رماديًا وداكنًا.

لماذا يختلف مزج الضوء عن مزج الطلاء؟

الشاشات تضيف الضوء، لذا تحسب هذه الأداة متوسط قيم الضوء: الأزرق والأصفر يعطيان رماديًا أو لونًا باهتًا، لا أخضر. أما الطلاء فيطرح الضوء، ولهذا يبدو المزيج نفسه على الورق أخضر. لتوقّع نتيجة الطلاء، استخدم نموذجًا لمزج الطلاء بدلًا من فضاء ألوان الشاشة.