Как использовать: Смеситель цвета
Смеситель цвета — бесплатный онлайн-Инструменты цвета-инструмент, который blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios мгновенно в браузере. Вставьте данные, настройте параметры и получите результат в реальном времени — без установки, регистрации и отправки на сервер.
Использовать Смеситель цвета сейчас →
Описание
Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.
- Инструменты цвета
- Поскольку всё считается на стороне клиента, Смеситель цвета безопасен для чувствительных данных: API-ключей, токенов, логов.
Как использовать
Работа с Смеситель цвета в три шага:
- Вставьте данные в поле ввода (или загрузите пример).
- Настройте параметры под нужный формат.
- Скопируйте, скачайте или просмотрите вывод — обновляется вживую.
Запустить
Примеры
Mix against #ffffff at 50% and switch the space to CIE Lab for a perceptually even ramp.
Ввод
#0ea5b7
Вывод
#0ea5b7 + #ffffff at 50% (mixed in RGB)
Result
HEX #87d2db
RGB rgb(135, 210, 219)
HSL hsl(186.4, 54.0%, 69.3%)
Contrast against white : 1.71:1
Contrast against black : 12.26:1
Ramp (9 steps)
0% #0ea5b7
13% #2cb0c0
25% #4abcc9
38% #68c7d2
50% #87d2db
63% #a5dde4
75% #c3e9ed
88% #e1f4f6
100% #ffffff
CSS
--mix: #87d2db;
background: linear-gradient(90deg, #0ea5b7, #ffffff);
此输出由工具真实运行产生，并非人工编写。
Сценарии использования
Частые сценарии, где Смеситель цвета полезен:
- Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.
Параметры
У этого инструмента нет параметров — он работает только с вводом.
FAQ
Что такое Color Mixer?
Color Mixer предназначен, чтобы blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios. Он работает полностью в браузере — данные остаются приватными.
Color Mixer бесплатен?
Да. Без ограничений, регистрации и установки.
Мои данные отправляются на сервер?
Нет. Всё обрабатывается локально в браузере.
Важно знать
- 全部计算在浏览器端完成，因此超大输入受限于标签页内存，而非服务器上传限制。