Инструменты для цвета
Конвертируйте, настраивайте, смешивайте и генерируйте цвета для веб-сайтов, графики и дизайн-систем.
Популярные задачи
Конвертируйте, настраивайте, смешивайте и генерируйте цвета для веб-сайтов, графики и дизайн-систем.
О Инструменты для цвета
Как пользоваться Инструменты для цвета
Конвертируйте, настраивайте, смешивайте и генерируйте цвета для веб-сайтов, графики и дизайн-систем.
Показать все
Конвертер цветов
Преобразуйте редактируемые значения HEX, RGB, RGBA, HSL, HSLA и HSV с предпросмотром того же цвета и копированием формата, необходимого вашему коду или дизайн-системе.
Осветлитель цвета
Осветлите один цвет онлайн: выберите цвет и процент осветления, получите результат в HEX, RGB, HSV и HSL.
Генератор CSS-градиентов
Создайте воспроизводимую цветовую шкалу, просмотрите каждый сгенерированный шаг и скопируйте точную HEX-последовательность для CSS, диаграмм или дизайн-токенов.
Затемнение цвета
Затемните HEX, RGB или HSL цвет на выбранную величину и скопируйте обновленные значения цвета.
Регулировка насыщенности цвета
Увеличьте или уменьшите насыщенность цвета с предпросмотром и копированием итоговых значений HEX, RGB и HSL.
Конвертер цвета в оттенки серого
Преобразуйте цвет в оттенки серого или уменьшите насыщенность на выбранную величину с живым предпросмотром и копируемыми значениями.
Инвертировать цвет
Инвертируйте HEX, RGB или HSL цвет и мгновенно просматривайте значения дополнительных каналов.
Генератор случайных цветов
Генерируйте случайные цвета с дополнительными ограничениями по каналам RGB или HSL и копируйте результат в распространенных веб-форматах.
Смешивание цветов
Смешайте два цвета в точной пропорции и скопируйте полученный цвет в формате HEX, RGB или HSL.
Сдвиг оттенка
Поверните цвет по цветовому кругу, сохраняя его насыщенность и светлоту.
Онлайн-инструмент триадной цветовой схемы
Генератор триадной цветовой схемы: создает три равноотстоящих по цветовому кругу оттенка из одного базового цвета. Поддерживает HEX, RGB, HSV и HSL.
Онлайн-инструмент для четырехцветной схемы
Создает фиксированную прямоугольную тетрадную палитру из четырех цветов на основе выбранного базового цвета. Подходит для подбора гармоничных сочетаний в дизайне.
Генератор дополнительных цветов
Создайте пару дополнительных цветов на основе выбранного базового цвета. Инструмент вычисляет противоположный оттенок по цветовому кругу HSL и показывает оба цвета в виде шестнадцатеричных кодов.
Онлайн-инструмент для разделенных дополнительных цветов
Создает палитру из трех цветов: базовый и два акцента вокруг его дополнительного цвета. Введите цвет в HEX, RGB, HSV или HSL и получите гармоничную схему.
Онлайн-инструмент для аналоговой цветовой схемы
Создайте аналоговую цветовую схему из трёх гармоничных цветов на основе выбранного базового цвета и углового разрыва. Инструмент работает локально в браузере и позволяет точно настроить каждый цвет.
Онлайн-генератор монохроматической цветовой палитры
Создайте от 3 до 12 оттенков одного цвета, изменяя только светлоту в цветовой модели HSL. Укажите базовый цвет в HEX, RGB, HSV или HSL, выберите количество оттенков и получите равномерную шкалу от тёмного к светлому.
Онлайн-инструмент для квадратной цветовой схемы
Генератор квадратной цветовой схемы из четырех равноотстоящих оттенков HSL с шагом 90 градусов. Работает локально в браузере, поддерживает ввод HEX/RGB/HSV/HSL и редактирование каждого цвета.
Онлайн-выбор цвета изображения
Загрузите изображение, кликните по пикселю и получите его HEX и RGB код, а также координаты на холсте.
Пипетка из изображения
Загрузите изображение, выберите пиксель и создайте загружаемую палитру цветов со значениями HEX, RGB и HSL.
Пакетный инструмент извлечения цветов изображений
Извлекайте палитры цветов из нескольких изображений одновременно. Загрузите до 30 изображений, кликайте по ним для выбора точных цветов и экспортируйте палитры в CSS, SVG, PNG и других форматах.