Цвета и палитра из изображения

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

Как пользоваться

1. Перетащите изображение в область или щёлкните, чтобы выбрать его.
2. «Основные цвета» показывает самые используемые цвета и их доли. Попробуйте другое «Количество цветов» (от 5 до 10) или «Метод».
3. Нажмите на изображение или проведите по нему, чтобы увидеть цвет точки в разделе «Выбранный цвет». Можно сначала увеличить изображение, а «Область выбора» позволяет усреднить соседние пиксели.
4. Нажмите на код, чтобы скопировать его. Для всей палитры используйте «Копировать как переменные CSS», «Копировать как JSON» или «Сохранить в PNG».

Как это работает

• Основные цвета определяются по копии, уменьшенной до не более чем 256 пикселей по длинной стороне. Прозрачные пиксели не учитываются.
• Медианное сечение (median cut) многократно делит группу с самым широким разбросом цветов по её медианному значению; k-means многократно пересчитывает центр каждой группы. K-means работает чуть дольше.
• Последние 30 выбранных цветов хранятся в этом браузере на этом устройстве. Изображение не загружается на сервер.

Частые вопросы

Как узнать код цвета с картинки?

Откройте изображение и нажмите на нужное место. Коды HEX, RGB и HSL появятся в разделе «Выбранный цвет»; нажмите на код, чтобы скопировать его.

Чем HEX отличается от RGB?

Это два способа записать один и тот же цвет. RGB задаёт красный, зелёный и синий числами от 0 до 255, а HEX записывает те же три значения двумя шестнадцатеричными цифрами каждое. rgb(255, 0, 0) — это #FF0000.

Почему выбранный цвет немного отличается от того, что я вижу?

Соседние пиксели на фото часто немного различаются. Задайте в «Область выбора» усреднение по 3 × 3 или 5 × 5 пикселей, чтобы значение было стабильнее.

Можно ли взять цвет за пределами этой страницы?

Только в браузерах, которые это поддерживают. В них появляется кнопка «Взять цвет с экрана», которая позволяет выбрать любую точку на экране.