Что такое Смешиватель цветов?

Смешайте два цвета с помощью ползунка пропорций и смотрите результат в реальном времени. Выводит значения HEX, RGB и HSL, которые можно скопировать прямо в код или дизайн-инструмент.

Как использовать

1. Шаг 1 — Выберите первый цвет с помощью палитры или введите его HEX-значение.
2. Шаг 2 — Выберите второй цвет, затем настройте ползунок соотношения смешения (0% = чистый первый цвет, 100% = чистый второй цвет).
3. Шаг 3 — Просмотрите результат смешения с цветовыми кодами и скопируйте нужные значения.

Результат

Дизайнер смешивает фирменный синий (#2196F3) с белым (#FFFFFF) в пропорции 30% и получает лёгкий оттенок (#A1C9F8) для состояний наведения в UI-ките.

Похожие инструменты