Путь задачи / от ввода к результату
Как смешать два цвета
- 01
Введите два цвета
Заполните «Первый цвет» и «Второй цвет» шестнадцатеричными значениями — принимаются #RGB, #RGBA, #RRGGBB и #RRGGBBAA, так что полупрозрачный ввод тоже подходит. Рабочая область открывается с парой #6D5EF8 и #22C55E.
- 02
Метод расчёта
Выберите метод расчёта: взвешенное смешение интерполирует кодированные каналы sRGB с предварительным умножением на альфу. Наложение помещает первый цвет поверх второго; порядок важен, а ползунка веса в этом режиме нет.
- 03
Смешайте цвета
Во взвешенном режиме задайте вес второго цвета от 0% (только первый) до 100% (только второй) и нажмите «Смешать цвета». В режиме наложения та же кнопка помещает один слой поверх другого. Изменение цвета, метода или веса очищает прежний результат.
- 04
Прочитайте панель результата
HEX, RGBA, CSS и просмотр используют одинаковые 8-битные каналы и alpha. Прозрачность показана на фоне страницы; alpha сохраняется в результате.
- 05
Попробуйте пример смешивания
Нажмите «Загрузить пример», чтобы смешать #F97316 с #7C3AED при весе 35% — тёплый оранжевый, уходящий в фиолетовый, — и увидеть весь процесс. «Сбросить» возвращает пару по умолчанию при 50%.
- 06
Скопируйте или скачайте результат
Скопируйте или скачайте toolars-color-mix.json с двумя исходными цветами, методом, пространством sRGB, HEX, RGBA и CSS. secondColorWeight есть только при взвешивании. Все формы используют один 8-битный результат.