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