CanDoYa
RU

Смешивание цветов онлайн

Работает прямо в браузере - без загрузки файлов и регистрации.

Выберите два цифровых цвета и настройте их соотношение ползунком.

50% A / 50% B
Смешанный цветЦифровое смешивание sRGB
#9a7b8650% A / 50% B
HEX#9a7b86
RGBrgb(154, 123, 134)
HSLhsl(339, 13%, 54%)
CSS--mixed-color: #9a7b86;
Поделиться инструментом

Что такое смешивание цветов онлайн?

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

Как пользоваться

  1. 1Выберите два цвета. Используйте палитру или вставьте значение HEX из 3 или 6 знаков в поля Цвет A и Цвет B.
  2. 2Задайте пропорцию. Перетащите ползунок к A или B. Образец и все значения цвета обновятся сразу.
  3. 3Скопируйте результат. Скопируйте смешанный цвет в формате HEX, RGB, HSL или готового пользовательского свойства CSS.

Кому пригодится

Этот миксер вычисляет взвешенное среднее красного, зеленого и синего каналов двух цветов sRGB. При значении 50% оба цвета влияют на результат одинаково. Сдвиньте ползунок к одному из краев, чтобы сохранить больше исходного цвета. Цвета остаются на вашем устройстве, а готовое значение можно сразу вставить в макет или таблицу стилей.

Цифровое смешивание RGB отличается от смешивания красок. Пигменты поглощают свет, поэтому реальная смесь может быть темнее или менее насыщенной. Здесь рассчитывается точный экранный цвет для сайтов, интерфейсов и другой цифровой графики.

Вопросы и ответы

Смешивание цветов онлайн доступно бесплатно?

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

Мои цвета куда-нибудь загружаются?

Нет. Значения смешиваются с помощью JavaScript прямо в браузере. Введенные данные не отправляются на сервер, поэтому можно проверять еще не опубликованные фирменные цвета и оттенки продукта.

Сколько цветов можно смешать?

За один раз смешиваются два цвета, чтобы их соотношение можно было настроить точно. Для третьего цвета скопируйте первый результат в одно из полей и смешайте его со следующим оттенком.

Как рассчитывается результат смешивания цветов?

Оба значения HEX преобразуются в красный, зеленый и синий каналы. Выбранный процент применяется к каждому каналу, доли складываются и округляются до ближайшего целого числа. Затем результат переводится в HEX, RGB и HSL.

Можно ли узнать, какой цвет получится при смешивании красок?

Нет. Это цифровой миксер sRGB для цветов на экране. Краски смешиваются по субтрактивной модели, а итог зависит от материалов, концентрации и освещения, поэтому физическая смесь может быть темнее или иметь другой тон.

Можно ли вводить сокращенные HEX-коды?

Да. Подойдет трехзначное значение, например #f06, или шестизначное, например #ff0066. Символ # можно не вводить. Сокращенный код автоматически разворачивается в обычный шестизначный формат.