۲ یا ۳ رنگ را با هر نسبتی مثل رنگ یا نور ترکیب کنید و رنگ نتیجه را ببینید، یا دو رنگ را در حداکثر ۱۰ مرحله ترکیب کنید. HEX، RGB، HSL و CMYK را کپی کنید.

رنگ 1
مقدار
رنگ 2
مقدار
رنگ 3
مقدار
مدل ترکیب
مانند رنگ یا رنگدانه‌های واقعی ترکیب می‌کند: آبی و زرد سبز می‌سازند و رنگ‌های تیره ترکیب را تیره‌تر می‌کنند. مانند نور رنگی روی صفحه‌نمایش ترکیب می‌کند و میانگین را در نور خطی می‌گیرد: قرمز و سبز زرد می‌سازند. میانگین رنگ‌ها را در فضای OKLab می‌گیرد، مانند color-mix() در CSS: نتایج نرم و یکنواخت برای کار با رابط کاربری و طراحی.
دستور ترکیب
رنگ ترکیبی

۲ یا ۳ رنگ انتخاب کنید و مشخص کنید از هر کدام چقدر وارد ترکیب شود: رنگ ترکیبی بلافاصله در مرورگر شما محاسبه می‌شود. برای کپی، روی نتیجه یا هر مقداری کلیک کنید.

رنگ شروع
رنگ پایانی
مراحل
تعداد سایه‌های بینابینی برای تولید (۱–۱۰).
حالت ترکیب
گرادیان
پالت ترکیب‌شده

دو رنگ و تعداد مرحله را انتخاب کنید: هر سایه بینابینی فوری در مرورگر شما محاسبه می‌شود.


درباره ترکیب رنگ‌ها

میکسر رنگ نشان می‌دهد با ترکیب دو یا سه رنگ چه رنگی به دست می‌آید. رنگ‌هایتان را انتخاب کنید، مقدار هر رنگ در ترکیب را تعیین کنید، و رنگ نتیجه بلافاصله با مقادیر HEX، RGB، HSL و CMYK نمایش داده می‌شود، همراه با یک نوار دستور ترکیب که سهم هر رنگ را نشان می‌دهد.

سه مدل ترکیب به پرسش‌های متفاوتی پاسخ می‌دهند. مدل رنگدانه مثل رنگدانه‌های واقعی ترکیب می‌کند، پس آبی و زرد سبز می‌دهند و کمی سیاه هم اثر زیادی دارد. مدل نور رنگ‌ها را همان‌طور میانگین می‌گیرد که صفحه‌نمایش‌ها و نورهای رنگی ترکیب می‌شوند، پس قرمز و سبز زرد می‌دهند. مدل ادراکی میانگین را در فضای OKLab می‌گیرد که color-mix() در CSS هم از آن استفاده می‌کند، برای نتایج نرم و یکدست در رابط کاربری و طراحی.

نمای دوم، «مراحل ترکیب»، یک رنگ شروع را با حداکثر ده سایه میانی به رنگ پایان تبدیل می‌کند، در RGB یا HSL، با پیش‌نمایش گرادیان و گرادیان CSS آماده برای چسباندن. همه‌چیز در مرورگر شما اجرا می‌شود و به هیچ سروری نیاز ندارد.

نحوه استفاده از ترکیب رنگ‌ها

  1. نمای «ترکیب رنگ‌ها» را باز کنید و دو رنگ انتخاب کنید، یا با «افزودن رنگ» رنگ سومی اضافه کنید.
  2. مقدار هر رنگ را تعیین کنید: درصد کنار آن سهمش را در ترکیب نشان می‌دهد.
  3. مدل ترکیب را انتخاب کنید: رنگدانه، نور یا ادراکی.
  4. روی رنگ ترکیب‌شده یا هر یک از مقادیرش کلیک کنید تا کپی شود، یا برای حفظ نسبت‌ها از «کپی دستور ترکیب» استفاده کنید.
  5. به «مراحل ترکیب» بروید تا گرادیانی با حداکثر ۱۰ سایه بین دو رنگ بسازید.

سوالات متداول

بله. ترکیب رنگ‌ها رایگان و نامحدود است؛ ابزار کاملاً در مرورگر شما بدون هیچ حساب، اعتبار یا پردازش سروری اجرا می‌شود.

با مدل رنگدانه، آبی و زرد درست مثل رنگ واقعی سبز می‌دهند. با مدل نور خاکستری روشن می‌دهند، چون صفحه‌نمایش نور آن‌ها را ترکیب می‌کند نه رنگدانه‌شان را. هر جفت رنگی را در نمای «ترکیب رنگ‌ها» امتحان کنید تا مدل‌ها را مقایسه کنید.

رنگدانه، رنگدانه‌هایی را شبیه‌سازی می‌کند که نور را جذب می‌کنند، پس ترکیب‌ها تیره‌تر می‌شوند و آبی به‌علاوه زرد سبز می‌دهد. نور رنگ‌ها را در نور خطی میانگین می‌گیرد، همان‌طور که پیکسل‌ها یا لامپ‌های رنگی ترکیب می‌شوند. ادراکی در OKLab میانگین می‌گیرد که نتایجی متعادل و یکنواخت می‌دهد و با color-mix() در CSS هم‌خوان است.

بله. رنگ سومی اضافه کنید و سپس مقدار هر رنگ را از ۱ تا ۱۰۰ تعیین کنید. مقادیر نسبی هستند، پس ۲، ۱ و ۱ ترکیبی ۵۰٪، ۲۵٪ و ۲۵٪ می‌دهند. نوار دستور ترکیب و درصدها سهم دقیق هر رنگ را نشان می‌دهند.

این یک شبیه‌سازی نزدیک بر پایه نحوه جذب و پراکندگی نور توسط رنگدانه‌هاست، اما رنگ‌های واقعی بسته به برند، رنگدانه و بستر متفاوت‌اند. از آن برای پیش‌بینی فام و آزمودن نسبت‌ها استفاده کنید، سپس با یک نمونه کوچک مطمئن شوید.

در نمای «مراحل ترکیب»، ترکیب RGB کانال‌های قرمز، سبز و آبی را مستقیم درون‌یابی می‌کند که هنگام ترکیب فام‌های مقابل ممکن است از خاکستری عبور کند. ترکیب HSL در عوض دور چرخه رنگ می‌چرخد، پس مرحله‌های میانی اشباع خود را حفظ می‌کنند و رنگارنگ‌تر به نظر می‌رسند.

دو رنگ را با مقادیر برابر در نمای «ترکیب رنگ‌ها» ترکیب کنید: نور میانگین فیزیکی آن‌ها و ادراکی نقطه میانی بصری آن‌ها را می‌دهد. در نمای «مراحل ترکیب»، یک مرحله تنها نقطه میانی ترکیب RGB یا HSL را می‌دهد.

اشتراک‌گذاری

جستجوهای پرطرفدار
ترکیب‌کننده رنگ ترکیب دو رنگ ترکیب دو رنگ چه رنگی می‌شود ترکیب رنگ‌های رنگدانه ترکیب سه رنگ ماشین حساب ترکیب رنگ ترکیب رنگ آنلاین مراحل ترکیب رنگ گرادیان بین رنگ‌ها ابزار ترکیب رنگ
به کمک نیاز دارید؟
با این ابزار مشکلی پیدا کردید؟ به تیم ما اطلاع دهید.
گزارش مشکل

این ابزار رایگان را به وب‌سایت خود اضافه کنید: کد زیر را کپی و جای‌گذاری کنید.