Микшер цветов
Смешивай два цвета и открывай промежуточные оттенки пошагово с их HEX-кодами.
Как смешивать два цвета онлайн
Выберите цвет A и цвет B
Выберите два цвета для смешивания с помощью визуального селектора или кода HEX.
Отрегулируйте количество шагов
Выберите, сколько промежуточных оттенков вы хотите увидеть между двумя цветами.
Скопируйте понравившийся вам оттенок
Нажмите на любой образец смеси, чтобы скопировать его HEX-код.
Часто задаваемые вопросы о смешивании цветов
Смешивание цветов полезно для поиска промежуточных тонов между двумя фирменными цветами, создания поэтапных градиентов или простого исследования комбинаций. Этот инструмент вычисляет смесь прямо в вашем браузере.
Как рассчитывается смесь?
+
Каждый канал RGB интерполируется между цветом A и цветом B в указанном количестве шагов.
Сколько промежуточных цветов я могу создать?
+
Вы можете выбрать от 3 до 10 промежуточных шагов.
Это то же самое, что CSS градиент?
+
Результат похож на линейный градиент между двумя цветами, но здесь каждый шаг предоставляется как отдельный сплошной цвет со своим кодом HEX.
Могу ли я скопировать созданные цвета?
+
Да, нажмите на любой цвет, чтобы скопировать его HEX-код.
Это бесплатно?
+
Да, этот инструмент полностью бесплатен.
Загружаются ли какие-либо данные на сервер?
+
Нет, смешивание цветов происходит прямо в вашем браузере.
Цвета
Конвертер цветов (HEX, RGB, HSL, CMYK)
Мгновенно конвертируйте любой цвет между HEX, RGB, HSL и CMYK с живым предпросмотром и ближайшим названием цвета.
Генератор палитр цветов
Создавайте гармоничные палитры из 5 цветов (дополнительные, аналогичные, триадные или монохроматические) на основе выбранного цвета.
Генератор CSS градиентов
Создавайте линейные или радиальные градиенты до 4 цветов и копируйте готовый CSS код.
Проверка контрастности WCAG
Проверьте, соответствует ли комбинация цветов текста и фона уровням доступности AA и AAA.
Случайный цвет
Генерируйте случайный цвет одним кликом и узнайте его название, код HEX/RGB/HSL и похожие цвета.
Палитра цветов (пипетка)
Выбирайте любой цвет с экрана с помощью пипетки браузера или используйте классический селектор.
Симулятор дальтонизма
Загрузите изображение и посмотрите, как его видят люди с протанопией, дейтеранопией или тританопией.
Генератор Mesh-градиентов
Создавайте фоны с mesh-градиентами (размытые цветовые пятна) и скачивайте их в PNG или копируйте CSS-код.
Генератор оттенков и теней
Автоматически создавайте более светлые оттенки и темные тени любого цвета с кодом HEX.
Цветовое колесо (Гармонии)
Выберите цвет на колесе и откройте его гармоничные комбинации: дополнительные, аналогичные, триадические и многое другое.
Экстрактор палитры из изображения
Загрузите изображение и автоматически извлеките его доминирующие цвета в палитру с HEX-кодом каждого.
Средний Цвет Изображения
Загрузите изображение и мгновенно рассчитайте его средний цвет с кодами HEX, RGB и HSL.
Изучите цвета по семействам
Более 469 именованных цветов с кодами HEX, RGB, HSL и CMYK, организованные в 12 семейств оттенков.
