Микшер цветов
Смешивайте два цвета с настраиваемым соотношением. Результат в HEX, RGB и HSL с предпросмотром градиента и промежуточными шагами. Бесплатно, 100% в браузере.
Справка
Как работает смешивание цветов?
Этот инструмент использует линейную интерполяцию RGB для смешивания цветов. Каждый канал RGB (красный, зелёный, синий) смешивается независимо на основе пропорции. При 0% вы получаете Цвет 1, при 100% — Цвет 2, а при 50% — равномерную смесь. Это стандартная модель аддитивного смешивания цветов, используемая в цифровом дизайне — она отличается от субтрактивного смешивания (как краски), где синий + жёлтый = зелёный.
Модели смешивания цветов
Аддитивная (RGB) — используется в экранах и цифровом дизайне. Красный + Зелёный = Жёлтый, Красный + Синий = Пурпурный, Зелёный + Синий = Голубой. Этот инструмент использует аддитивное смешивание. Субтрактивная (CMYK) — используется в печати и живописи. Голубой + Пурпурный = Синий, Голубой + Жёлтый = Зелёный. Смешивание HSL — интерполирует тон, насыщенность и яркость отдельно, иногда давая перцептивно более однородные результаты.
Типичные сценарии использования
Дизайн-системы — создание промежуточных цветов между фирменными цветами. Градиенты — предпросмотр шагов градиента перед кодированием в CSS. Темы — генерация цветов hover и active смешиванием с белым или чёрным. Визуализация данных — создание цветовых шкал смешиванием двух конечных цветов. Искусство — эксперименты с цифровыми цветовыми комбинациями.
Конфиденциальность
Все вычисления выполняются на 100% в вашем браузере. Никакие данные не отправляются на сервер.