Палитра из картинки

Вытаскивает из изображения цветовую палитру с HEX-кодами — чтобы собрать в тех же цветах презентацию, сайт или макет.

Что делает

Разбирает картинку на цвета и выдаёт из них готовую палитру: несколько основных оттенков с кодами вида #1A2B3C, которые можно вставить в редактор, презентацию или стили сайта. Берутся не случайные точки, а те цвета, которые задают вид изображения, — с пояснением, какой из них главный, какой вспомогательный, а какой годится в акцент.

Когда пригодится

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

Что подготовить

Одно изображение в JPG или PNG, до 15 МБ. Подойдёт фотография, скриншот, скан картины, кадр из ролика — что угодно, где цвет виден. Важно, чтобы картинка была снята при нормальном свете и не пересвечена: жёлтая лампа или пересвет сдвинут все коды сразу, и палитра выйдет не той, что вы видите глазами. Если снимок нужно сначала выправить по цвету, для этого есть «Исправить цвета». Скриншот из мессенджера тоже годится, но при сильном сжатии оттенки слегка плывут.

Как заполнить

Фото Загрузите изображение, цвета которого хотите взять. Если нужны оттенки конкретного предмета, а не всей сцены, обрежьте кадр заранее по этому предмету: иначе в палитру попадут стены, небо и стол, которые в кадре занимают больше места.

Что получится

Список цветов с кодами и короткими подписями: какой оттенок основной, какие дополняют его, какой годится для кнопки или выделения. Текст можно скопировать целиком, а коды — вставить прямо в макет или стили. Палитра описывает картинку, а не проверяет её на пригодность: сочетание может оказаться слишком тёмным для текста или слишком блёклым для кнопки. Прежде чем пускать цвета в дело, посмотрите, читается ли на них надпись.

Частые ошибки

Снимок с сильным цветным светом. Жёлтая лампа или закат окрашивают всё подряд, и палитра будет описывать освещение, а не предметы. Пёстрый кадр. Если в изображении полсотни разных цветов, выбранные окажутся усреднёнными и невыразительными. Берут цвета не с того объекта. Обрежьте кадр по нужному предмету, иначе главным станет самый большой участок картинки. Ставят все коды подряд в макет. Палитра — это набор, из которого выбирают. Основной цвет обычно один, остальные идут малыми долями.

Synty.proSynty.pro
Размер текста100%
Палитра из картинки — цвета для дизайна с кодами | Synty.pro