Смешать цвета
Смешивает цвета как краски на палитре: жёлтая и синяя дают зелёный. Подбирает, какие краски смешать, чтобы получить нужный цвет.
Готовые краски — нажатие добавляет краску или ещё одну часть
- HEX
- RGB
- HSL
Нажатие на клетку открывает эту смесь в смесителе
Ваши краски
Из отмеченных красок подбирается рецепт и строится таблица
Выберите цвета и сколько частей каждого взять, результат появится сразу. Готовые краски добавляются одним нажатием, повторное нажатие добавляет ещё одну часть.
Почему жёлтый с синим дают зелёный
Краска поглощает часть света и отражает остальное. Когда краски смешивают, каждая продолжает поглощать своё, поэтому смесь темнее и глуше исходных цветов. Если просто усреднить экранные коды, жёлтый с синим дадут серый. Здесь цвета смешиваются по модели Кубелки — Мунка: каждый цвет раскладывается в спектр отражения, и спектры смешиваются так, как смешиваются пигменты. Модель описывает поведение красок в среднем. Настоящие тюбики разных марок красят с разной силой, поэтому пробный мазок всё равно нужен.
Какие краски смешать
На второй вкладке задайте нужный цвет кодом, выбором на палитре или названием. Из отмеченных красок подберутся рецепты из одной, двух или трёх красок с долями в частях. Рядом с каждым рецептом написано, насколько смесь близка к цели. Смешивание делает цвет только глуше, поэтому яркий оттенок из тусклых красок не собрать: для него отметьте больше красок или добавьте свою.
Таблица смешивания
Третья вкладка показывает, что даёт каждая пара отмеченных красок, в пропорции 1 : 1 или с перевесом одной из них. Нажатие на клетку открывает смесь в смесителе.
Оцените инструмент
Помогите нам стать лучше
Ваша оценка на Яндексе окажет нам поддержку!
Оставить оценку на ЯндексеРасскажите, чего не хватило.
Другие инструменты
Специальные символы HTML
487 знаков в двенадцати разделах, с копированием щелчком
Визуальный HTML-редактор
Пишете как в текстовом редакторе — получаете готовый HTML
Код цвета HTML
Код цвета в HEX, RGB, HSL и HSB, с проверкой контраста
Эффект стекла в CSS
Стекло с проверкой читаемости надписи и запасным вариантом
Конвертер CSS в SCSS и обратно
CSS в SCSS со вложенностью и обратно, со сверкой результата
Конструктор сеток CSS Grid
Сетка под три экрана с готовым HTML и проверкой порядка блоков
Генератор CSS-градиентов
Градиент без серой середины, с проверкой читаемости текста
Генератор теней box-shadow
Тень слоями, с предпросмотром на двух фонах и проверкой видимости