Смешивание цветов
Смешивайте 2 или 3 цвета в любых пропорциях, как краску или свет, либо стройте переход из 10 шагов между двумя цветами. Копируйте HEX, RGB, HSL и CMYK.
Выберите 2 или 3 цвета и укажите, сколько каждого входит в смесь: итоговый цвет мгновенно вычисляется в вашем браузере. Нажмите на результат или любое значение, чтобы скопировать его.
Выберите два цвета и количество шагов: все промежуточные оттенки вычисляются мгновенно в вашем браузере.
О Смешивание цветов
Смешивание цветов показывает, какой цвет получится, если смешать два или три цвета. Выберите цвета, задайте, сколько каждого из них попадёт в смесь, и результат сразу появится вместе со значениями HEX, RGB, HSL и CMYK и полосой рецепта с долей каждого цвета.
Три модели смешивания отвечают на разные вопросы. Краска смешивает как настоящие пигменты: синий и жёлтый дают зелёный, а немного чёрного сильно меняет результат. Свет усредняет цвета так, как их смешивают экраны и цветные лампы: красный и зелёный дают жёлтый. Перцептивная модель усредняет их в пространстве OKLab, которое использует CSS color-mix(), и даёт плавные, ровные результаты для интерфейсов и дизайна.
Второй режим, «Шаги градиента», плавно переводит начальный цвет в конечный через промежуточные оттенки (их до десяти) в RGB или HSL, с превью градиента и готовым к вставке CSS-градиентом. Всё работает прямо в браузере, без сервера.
Как использовать Смешивание цветов
- Откройте режим «Смешать цвета» и выберите два цвета или добавьте третий кнопкой «Добавить цвет».
- Задайте количество каждого цвета: процент рядом показывает его долю в смеси.
- Выберите модель смешивания: Краска, Свет или Перцептивная.
- Щёлкните по полученному цвету или любому его значению, чтобы скопировать, либо нажмите «Скопировать рецепт», чтобы сохранить пропорции.
- Перейдите в «Шаги градиента», чтобы построить градиент из 10 оттенков между двумя цветами.