Определить цвета по картинке
Перетащите фото, чтобы увидеть его основные цвета, и нажмите в любом месте, чтобы взять точный оттенок.
Запечатано на этом устройстве
Работает в вашем браузере. Ничего не загружается на сервер.
Запечатано
Ваше изображение
Нажмите или коснитесь изображения, чтобы взять цвет пикселя.
Основные цвета
Изображение полностью прозрачное, поэтому извлекать нечего.
Как это работает
-
Добавьте изображение
Перетащите фото, скриншот или иллюстрацию, выберите файл на устройстве или вставьте его через Ctrl+V.
-
Смотрите основные цвета
Палитра появится через мгновение — от самого частого цвета к самому редкому. Выберите, сколько цветов вам нужно.
-
Скопируйте коды
Скопируйте один цвет, все сразу или всю палитру в виде CSS. Нажмите на изображение, чтобы взять цвет любого пикселя.
Частые вопросы
Моё изображение загружается на сервер?
Нет. Изображение читается и анализируется браузером на вашем устройстве. Оно никогда не отправляется на сервер, поэтому можно спокойно использовать личные фото или неопубликованные макеты.
Как выбираются основные цвета?
Инструмент группирует похожие пиксели методом кластеризации k-means в цветовом пространстве, соответствующем человеческому зрению (OKLab). Каждая группа становится одним цветом палитры, а её доля показывает, какую часть изображения она занимает.
Почему в палитре нет маленькой яркой детали?
Палитра учитывает цвета, которые занимают заметную часть изображения. Мелкая деталь может слиться с близким цветом. Увеличьте количество цветов или нажмите на деталь на изображении, чтобы взять её точный цвет.
Учитываются ли прозрачные области?
Нет. Прозрачные и почти прозрачные пиксели, например фон логотипа в PNG, игнорируются, чтобы не искажать палитру.
Какие форматы изображений поддерживаются?
Любой формат, который может показать ваш браузер: JPG, PNG, WebP, GIF и BMP везде, а AVIF — в современных браузерах. Фото HEIC с iPhone сначала преобразуйте в JPG.