UTILS.
100% в браузере

Смеситель цветов

Смешивайте два цвета в регулируемом соотношении и получайте итоговое HEX-значение.

Перетащите ползунок, затем нажмите на результат, чтобы скопировать его.

Об этом инструменте

Color Mixer — бесплатный браузерный инструмент, который смешивает два цвета в регулируемой пропорции и возвращает получившийся hex-код. Выберите начальный и конечный цвета нативными палитрами, затем перетащите ползунок пропорции от 0 до 100 процентов, чтобы задать, насколько далеко смесь уходит от первого цвета ко второму.

Смесь вычисляется линейной интерполяцией каждого канала RGB: при 0% результат равен первому цвету, при 100% — второму, а 50% — точная середина. Значения рассчитываются в 8-битном sRGB, округляются до целых уровней канала и показываются вживую и как крупный образец превью, и как копируемая hex-строка при движении ползунка или смене любого из цветов.

Всё работает на вашем устройстве — без загрузок, аккаунтов и отслеживания — и после загрузки страницы работает офлайн. Используйте его, чтобы найти промежуточный тон между двумя фирменными цветами, создать промежуточный шаг для градиента или предпросмотреть, что дают два цвета при смешивании.

Часто задаваемые вопросы

Как вычисляется смесь?
Каждый из каналов красного, зелёного и синего интерполируется линейно между двумя цветами с весом по положению ползунка, затем округляется до ближайшего 8-битного уровня. При 0% вы получаете первый цвет, при 100% — второй.
Как скопировать результат?
Кликните по получившемуся hex-значению, и оно скопируется в буфер обмена.
Что означают проценты на ползунке?
Ползунок задаёт пропорцию смешивания от 0 до 100 с шагом в целый процент. 0% показывает только первый цвет, 100% — только второй, а 50% — равную смесь; число показывает, насколько результат смещён ко второму цвету.
Поддерживает ли он прозрачность или другие форматы цвета?
Нет. Палитры используют нативное поле ввода цвета, поэтому оба цвета — непрозрачный 6-значный sRGB hex без альфа-канала, а смешивание выполняется в гамма-кодированном sRGB, а не в пространстве линейного света.

Больше инструментов