ترکیب‌گر رنگ

color-mix() یک تابع CSS است که دو رنگ را در فضای رنگی دلخواه شما ترکیب می‌کند، برای مثال color-mix(in oklab, #ff5733, #3b82f6 30%). در همه مرورگرهای امروزی کار می‌کند. برای مرورگرهای قدیمی‌تر، مثل قطعه‌کد بالا، یک رنگ ساده را پیش از آن به‌عنوان جایگزین بگذارید.

OKLab مطمئن‌ترین انتخاب پیش‌فرض است: رنگ میانی روشنایی‌اش را حفظ می‌کند و گل‌آلود نمی‌شود. OKLCH رنگ‌ها را اشباع نگه می‌دارد اما کوتاه‌ترین مسیر را روی چرخه فام می‌رود، پس قرمز و آبی از بنفش و صورتی عبور می‌کنند. sRGB روشی است که ابزارهای قدیمی ترکیب می‌کنند و رنگ میانی‌اش اغلب خاکستری و تیره به نظر می‌رسد.

صفحه‌نمایش‌ها نور را جمع می‌کنند، پس این ابزار از مقادیر نور میانگین می‌گیرد: آبی و زرد یک خاکستری یا رنگی کم‌رنگ می‌دهند، نه سبز. رنگ نقاشی نور را کم می‌کند و به همین دلیل همان ترکیب روی کاغذ سبز دیده می‌شود. برای پیش‌بینی رنگ نقاشی، به‌جای فضای رنگی صفحه‌نمایش از مدل ترکیب رنگدانه استفاده کنید.