Я работаю над логотипом, в котором используется режим смешивания с красной и синей формами, чтобы создать очень специфический серый в пространстве, где умножается цвет.
Во всех программах для графического редактирования, которые я пробую, результаты одинаковы:
R 255 G 38 B 30
х
R 30 G 200 B 255
=
R 30 G 30 B 30
Но результаты, которые я получаю с помощью css, очень разные. Используя приведенный ниже код, эти два цвета в конечном итоге умножаются на этот странный, смещенный в красный цвет цвет R 87 G 49 B 47
.red, .blue {
mix-blend-mode: multiply;
}
.red {
background: rgb(255,38,30);
}
.blue {
background: rgb(30,200,255);
}
Почему браузер интерпретирует эти цвета по-разному, хотя это должно быть прямое умножение значений RGB?
Рабочий пример можно посмотреть на этом коде .