Как пользоваться
- Загрузите фото или картинку.
- Выберите, сколько цветов нужно в палитре (от 3 до 10).
- Нажмите на цвет, чтобы скопировать код HEX, или скопируйте сразу все коды.
- Скачайте палитру картинкой PNG, чтобы сохранить её для проекта.
Палитра из фото: подробности и советы
Зачем нужна палитра из фото
Дизайнерам, вебмастерам, фотографам и тем, кто оформляет интерьер или презентацию, часто нужно получить цвета с понравившегося изображения. Инструмент находит основные оттенки и показывает их в виде кодов HEX — они подходят для CSS, графических программ и конструкторов сайтов.
Как определяются цвета
Редактор уменьшает изображение, собирает все цвета и объединяет похожие в группы (метод кластеризации k-средних). Для каждой группы показывается средний цвет и доля площади, которую она занимает. Группы отсортированы от самой крупной к самой мелкой, прозрачные участки не учитываются.
Как использовать
- Для сайта: возьмите 1–2 основных цвета как фоновые и акцентный — самый насыщенный.
- Для презентации: используйте цвета с фотографии, чтобы слайд гармонировал с изображением.
- Для интерьера и одежды: из палитры хорошо видно, какие оттенки преобладают на понравившемся образце.
- Для проверки бренда: загрузите логотип и узнайте точные коды его цветов.
Советы по точности
Чем больше цветов вы запросите, тем подробнее палитра, но тем больше в ней похожих оттенков. Для большинства задач достаточно 5–6. Если нужен цвет конкретной точки, воспользуйтесь инструментом «Пипетка». Палитру можно сохранить картинкой PNG и приложить к проекту.
Вопросы и ответы
Как определяются цвета?
Редактор группирует похожие по оттенку пиксели и показывает средний цвет каждой группы. Чем больше цветов в палитре, тем точнее она описывает картинку.
Для чего нужна палитра из фото?
Чтобы подобрать гармоничные цвета для сайта, логотипа, интерьера или презентации по понравившейся фотографии.
Чем отличается от пипетки?
Пипетка показывает цвет одной точки, а палитра — главные цвета всей картинки сразу.