Экстрактор цветовой палитры

Загрузите свое изображение, и инструмент автоматически проанализирует его, чтобы извлечь доминирующие цвета с помощью кластеризации K-средних. Каждый цвет отображается со своими значениями HEX, RGB и HSL. Щелкните любой цвет, чтобы скопировать его.

Да. Загрузите любое изображение логотипа, и инструмент определит основные и дополнительные цвета бренда, предоставив вам точные шестнадцатеричные коды для использования в CSS, Tailwind или инструментах дизайна, таких как Figma.

WCAG (Руководство по доступности веб-контента) определяет коэффициенты контрастности между цветами текста и фона. Соотношение не менее 4,5:1 необходимо для того, чтобы обычный текст (стандарт AA) был удобен для чтения пользователями с нарушениями зрения.

Вы управляете им, ползунок позволяет выделить от 3 до 12 доминирующих цветов, ранжированных по тому, сколько визуального пространства и яркости они несут в изображении. Вы также можете щелкнуть непосредственно по фотографии, чтобы выбрать любой точный цвет пикселя.

Да. Инструмент генерирует готовые к использованию переменные пользовательских свойств CSS (--color-primary: #hex) и фрагменты конфигурации Tailwind, которые вы можете вставить непосредственно в свой проект.

Загрузите фотографию, и инструмент выделит ее доминирующие цвета, показывая каждый из них в виде образца со значениями HEX, RGB и HSL, которые вы можете скопировать для своих проектов.

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

Да. Загрузите логотип, и он определит ключевые цвета, чтобы вы могли воссоздать палитру бренда. Извлечение выполняется в вашем браузере, сохраняя конфиденциальность изображения.

Да: экстрактор возвращает доминирующие цвета в виде шестнадцатеричных значений, которые вы можете скопировать непосредственно в свои инструменты дизайна.