Смесете 2 или 3 цвята в произволна пропорция, като боя или светлина, или съчетайте два цвята в до 10 стъпки. Копирайте HEX, RGB, HSL и CMYK.

Цвят 1
Количество
Цвят 2
Количество
Цвят 3
Количество
Модел на смесване
Смесва като истинска боя или пигменти: синьо и жълто дават зелено, а тъмните цветове придърпват сместа надолу. Смесва като цветна светлина на екран, усреднена в линейна светлина: червено и зелено дават жълто. Усреднява цветовете в пространството OKLab, като color-mix() в CSS: плавни и равномерни резултати за интерфейси и дизайн.
Рецепта
Получен цвят

Изберете 2 или 3 цвята и задайте колко от всеки участва: получения цвят се изчислява мигновено във вашия браузър. Щракнете върху резултата или върху някоя стойност, за да я копирате.

Начален цвят
Краен цвят
Стъпки
Брой на междинните нюанси за генериране (1–10).
Режим на смесване
Градиент
Смесена палитра

Изберете два цвята и брой стъпки: всеки нюанс между тях се изчислява мигновено в браузъра ви.


За Смесване на цветове

Смесителят на цветове ви показва какъв цвят се получава, когато смесите два или три цвята. Изберете цветовете, задайте колко от всеки влиза в сместа и получения цвят се появява веднага с неговите HEX, RGB, HSL и CMYK стойности, заедно с лента с рецептата, която показва дела на всеки цвят.

Трите модела на смесване отговарят на различни въпроси. Боя смесва като истински пигменти, затова синьото и жълтото дават зелено, а малко черно върши голяма работа. Светлина усреднява цветовете така, както ги смесват екраните и цветните лампи, затова червеното и зеленото дават жълто. Перцептивен ги усреднява в пространството OKLab, използвано от color-mix() в CSS, за плавни и равномерни резултати в интерфейси и дизайн.

Вторият изглед, „Стъпки на смесване“, преминава плавно от началния към крайния цвят през до десет междинни нюанса, в RGB или HSL, с преглед на градиента и готов за поставяне CSS градиент. Всичко работи във вашия браузър, без сървър.

Как да използвате Смесване на цветове

  1. Отворете изглед „Смесване на цветове“ и изберете два цвята или добавете трети с „Добавяне на цвят“.
  2. Задайте количеството на всеки цвят: процентът до него показва дела му в сместа.
  3. Изберете модел на смесване: Боя, Светлина или Перцептивен.
  4. Кликнете върху смесения цвят или някоя от стойностите му, за да ги копирате, или използвайте „Копиране на рецептата“, за да запазите пропорциите.
  5. Превключете към „Стъпки на смесване“, за да създадете градиент от до 10 нюанса между два цвята.

Често задавани въпроси

Да. Смесването на цветове е безплатно и неограничено: инструментът работи изцяло във вашия браузър, без нужда от акаунт, кредити или обработка от сървър.

С модела Боя синьото и жълтото дават зелено, точно както при истинската боя. С модела Светлина дават светлосиво, защото екранът смесва тяхната светлина, а не пигментите им. Опитайте коя да е двойка в изгледа „Смесване на цветове“, за да сравните моделите.

Боя симулира пигменти, които поглъщат светлина, затова сместите потъмняват, а синьо плюс жълто дава зелено. Светлина усреднява цветовете в линейна светлина, както се смесват пикселите или цветните лампи. Перцептивен ги усреднява в OKLab, което дава равномерно балансирани резултати и съвпада с color-mix() в CSS.

Да. Добавете трети цвят и задайте всяко количество от 1 до 100. Количествата са относителни, така че 2, 1 и 1 дават смес от 50%, 25% и 25%. Лентата с рецептата и процентите показват точния дял на всеки цвят.

Това е близка симулация, основана на начина, по който пигментите поглъщат и разсейват светлината, но истинските бои се различават според марката, пигмента и свързващото вещество. Използвайте го, за да предвидите нюанса и да изпробвате пропорции, а после потвърдете с малка проба.

В изгледа „Стъпки на смесване“ смесването в RGB интерполира директно червения, зеления и синия канал, което може да премине през сиво при противоположни нюанси. Смесването в HSL се върти около цветния кръг, така че междинните стъпки запазват наситеността си и изглеждат по-цветни.

Смесете двата цвята в равни количества в изгледа „Смесване на цветове“: Светлина дава физическата им средна стойност, а Перцептивен визуалната им средна точка. В изгледа „Стъпки на смесване“ една стъпка дава средната точка на смесването в RGB или HSL.

Сподели

Популярни търсения
миксер на цветове смесване на два цвята какъв цвят се получава от два цвята смесване на цветове боя смесване на три цвята калкулатор за смесване на цветове смесване на цветове онлайн стъпки на смесване на цветове градиент между цветове инструмент за смесване на цветове
Нуждаете се от помощ?
Открихте проблем с този инструмент? Кажете ни.
Докладване на проблем

Добавете този безплатен инструмент към собствения си уебсайт: копирайте и поставете кода по-долу.