Комплексный коммерческий дизайн — соц. сети, маркетплейсы, портфолио
Цвета из изображения Color Script
Извлеките палитру из любого кадра: HEX, названия цветов, цветовая схема, тип грейда и готовый промпт для нейросети. Уникальный онлайн инструмент для профессионалов.
Цвета из изображения
Color Script · палитра, цветовой круг, определение цветовой схемы и готовый промпт для ИИ
Если в кадре есть человек — включите «телесные тона», цвет кожи войдёт в палитру. Если человека нет или лицо занимает половину кадра — выключите, иначе тёплые оттенки перетянут схему на себя.
Клик по плашке копирует HEX. Наведение показывает, где этот цвет в кадре и на круге. Названия подобраны по ближайшему цвету из справочника — они общепринятые, но не стандартизированные: другой справочник может назвать оттенок иначе.
Нейтрали не участвуют в определении схемы, но задают характер кадра: тёплая или холодная база.
Подробный разбор каждой функции с примерами и сценариями работы.
Вы нашли кадр, который выглядит идеально. Хочется повторить это ощущение в своём проекте — но пипетка выдаёт только #3E2A56, и что с этим делать дальше, непонятно. Какой это цвет по названию? Он главный в кадре или случайный? Почему вместе с оранжевым он работает, а с зелёным разваливается?
Color Script решает всё это за одну секунду. Загрузите изображение — инструмент разберёт его на палитру, назовёт каждый цвет по-русски, определит цветовую схему, покажет геометрию на круге, распознает тип грейда и соберёт готовый промпт для нейросети. Бесплатно и без VPN.
Как пользоваться — быстрый старт
- Шаг 1. Загрузите кадр. Нажмите кнопку, перетащите файл в окно или вставьте из буфера через Ctrl + V. Подходит JPG, PNG, WEBP — скриншот из фильма, фотография, рендер, иллюстрация, логотип.
- Шаг 2. Настройте разбор. Ползунок задаёт количество цветов от 3 до 8. Галка «Обрезать чёрные полосы» убирает леттербокс, чтобы он не портил анализ теней. Галка «Учитывать телесные тона» нужна, если в кадре человек — иначе цвет кожи перетянет схему на себя.
- Шаг 3. Изучите результат. Наведите курсор на плашку — инструмент подсветит, где именно этот цвет живёт в кадре и где стоит на круге. Клик копирует HEX.
- Шаг 4. Заберите нужное. Скопируйте промпт, скачайте PNG-карточку или выгрузите палитру в CSS-переменные.
Никакой регистрации. Никаких водяных знаков. Никаких ограничений по количеству разборов.
Что умеет инструмент
Палитра — от 3 до 8 цветов с HEX-кодом, названием и долей в кадре.
Цветовой круг — положение каждого цвета в OKLCH, геометрия схемы, гистограмма оттенков.
Цветовая схема — комплементарная, триадная, аналоговая, монохромная и ещё три варианта, с процентом уверенности определения.
Тональность — что находится в тенях, что в светах, есть ли сплит-тонинг.
Грейд (LUT) — Teal & Orange, Day for night, Bleach bypass, ЧБ с цветным акцентом и другие.
База — нейтрали — тёплая или холодная основа кадра отдельно от цветных акцентов.
Промпт для ИИ — готовый текст-шаблон на русском или английском с палитрой, схемой и LUT.
Колор-скрипт — общая палитра и линия развития цвета для серии из 2–6 кадров.
Экспорт — PNG-карточка, PNG-палитра, HEX, CSS, SCSS, JSON.
Киллер-фичи
- OKLab — перцептивно ровное пространство, где одинаковое расстояние = одинаковая видимая разница.
- Определение цветовой схемы автоматом (комплементарная / триадная / и тд.).
- Названия цветов — не «#5C3A26», а «каштановый». Копируешь в NanoBanana/ChatGPT — работает сразу.
- Промпт-шаблон под ключ — палитра + схема + LUT + тональность в одной строке, готовой для вставки в нейросеть.
- Колор-скрипт для серий изображений/кадров.
- Offline и бесплатно — всё в браузере, без регистрации, без VPN и без загрузки на сервер.
Что умеет инструмент
Палитра — от 3 до 8 цветов с HEX-кодом, названием и долей в кадре.
Цветовой круг — положение каждого цвета в OKLCH, геометрия схемы, гистограмма оттенков.
Цветовая схема — комплементарная, триадная, аналоговая, монохромная и ещё три варианта, с процентом уверенности определения.
Тональность — что находится в тенях, что в светах, есть ли сплит-тонинг.
Грейд (LUT) — Teal & Orange, Day for night, Bleach bypass, Золотой час и другие варианты.
База — нейтрали — тёплая или холодная основа кадра отдельно от цветных акцентов.
Промпт для ИИ — готовый текст-шаблон на русском или английском с палитрой, схемой и LUT.
Колор-скрипт — общая палитра и линия развития цвета для серии из 2–6 кадров.
Экспорт — PNG-карточка, PNG-палитра, HEX, CSS, SCSS, JSON.
Кому пригодится
Колористам, монтажёрам и рилсмейкерам
Вы собираете референсы для проекта и хотите понять, как устроен грейд в понравившемся кадре. Color Script показывает не просто цвета, а структуру: что в тенях, что в светах, есть ли сплит-тонинг, насколько кадр контрастный и насыщенный.
Раздел «Похоже на грейд» распознаёт типовые схемы цветокоррекции — Teal & Orange, Day for night, Bleach bypass, сепию, земляные тона. Это отправная точка: вы понимаете направление, а дальше настраиваете вручную в DaVinci или Premiere.
Вкладка «Колор-скрипт» решает более крупную задачу — собирает палитру целой сцены из нескольких кадров и показывает линию развития цвета.
Дизайнерам и иллюстраторам
Клиент прислал мудборд и сказал «хочу такое настроение». Загрузите картинки — получите палитру с долями, названиями и готовым CSS. Понимание схемы помогает расширить палитру осмысленно: если кадр построен на комплементарной паре, вы знаете, где взять третий цвет, чтобы он не выпал из системы.
Для брендинга полезен блок «База — нейтрали»: он отделяет фон и подложки от акцентов. Это ровно то разделение, которое нужно при сборке дизайн-системы.
Промптерам и AI-художникам
Главная фича инструмента. Нейросети плохо понимают чистые HEX-коды, но хорошо понимают словесное описание цвета. Поэтому промпт собирается в гибридном формате:
Цветовая палитра: преобладает петролевый (#175C63), с акцентами терракотовый (#C1652F) и кремовый (#FADFB8). База кадра — тёмный тёплый серый (#2A2422). Комплементарная цветовая схема. LUT: Teal & Orange. Низкий ключ, высокий контраст, умеренная насыщенность. Тени — петролевый, света — карамельный. Классический сплит-тонинг.
Такой текст работает и в чат-моделях, и в генераторах изображений. Переключатель RU/EN даёт вторую версию для англоязычных сервисов. Поле «Что генерировать» подставляет вашу сцену в начало — или остаётся пустым, если вы хотите дописать её сами.
Промпт перестраивается под характер кадра. Если изображение почти чёрно-белое, он так и начнётся — с описания нейтральной базы, а цветной акцент будет назван отдельно с указанием его реальной доли:
Почти чёрно-белый кадр: 99% — нейтральные тона, от почти белого (#EFEFEF) до чёрного (#000000). Единственный цветной акцент — красный (#E8312A), около 1% кадра.
Это принципиально для генерации. Нейросеть, получив просто «преобладает красный», нарисует красную картинку — хотя в оригинале красным была только одна деталь.
Фотографам
Разбор чужих работ — быстрый способ понять, за счёт чего снимок цепляет. Часто оказывается, что дело не в композиции, а в том, что автор удержал палитру в трёх оттенках вместо восьми.
Обратная задача тоже решается: загрузите свою серию во вкладку «Колор-скрипт» и посмотрите, держится ли она как единое целое или разваливается на несвязанные кадры.
OKLab, а не в HSL
Это принципиальный момент, из-за которого результат отличается от обычных пипеток.
Большинство инструментов группируют цвета в HSL или RGB. Проблема в том, что эти пространства неравномерны: расстояние между двумя цветами в них не совпадает с тем, насколько разными их видит глаз. Синий и фиолетовый могут быть математически далеко, но выглядеть почти одинаково. И наоборот.
OKLab — пространство, разработанное в 2020 году специально для этой задачи. В нём равные расстояния означают равную видимую разницу. Практический результат: кластеризация группирует цвета так, как их сгруппировал бы человек, а не так, как удобно машине.
Это же пространство используется в CSS Color Level 4 — то есть подход не экзотический, а актуальный стандарт. Просто в русскоязычных онлайн-инструментах он пока почти не встречается.
Второе следствие: названия цветов ищутся тоже в OKLab. По справочнику из 150 оттенков находится ближайший — и #402832 становится «сливовым», а не «почти серым тёмным розовым», как получилось бы при сборке названия по формуле.
Определение цветовой схемы
Инструмент проверяет семь гипотез и выдаёт наиболее вероятную с процентом уверенности:
- Монохромная — один оттенок в разной светлоте
- Аналоговая — соседние оттенки круга, мягкие переходы
- Комплементарная — два противоположных: тёплый против холодного
- Сплит-комплементарная — база плюс два оттенка по бокам от противоположного
- Триадная — три оттенка через 120°
- Тетрадная — четыре оттенка, две комплементарные пары
- Доминанта плюс нейтрали — один акцент на нейтральной базе
Если две гипотезы близки, показываются обе: «Комплементарная · 74%. Близко к сплит-комплементарной (68%)». Это честнее, чем выдавать один вариант с ложной уверенностью — реальные кадры редко построены по учебнику.
На круге пунктиром рисуется идеальная геометрия найденной схемы. Видно, насколько кадр от неё отклоняется, — полезно, когда вы строите палитру сами и хотите понять, куда двигать оттенок.
Тональность и грейд
Тональные зоны считаются по перцентилям, а не по фиксированным порогам яркости. Тени — это самая тёмная треть кадра, какой бы светлой она ни была по абсолютной величине. Такой подход работает и на тёмных сценах, и на высоком ключе, где обычные пороги дают бессмысленный результат.
Чёрные полосы и выбитый в белое клиппинг исключаются из расчёта: иначе леттербокс выдавался бы за «нейтральные тени». Строка тональности читается напрямую: «Тени — петролевый, света — карамельный. Классический сплит-тонинг». Это то же самое, что колорист увидел бы на векторскопе, только словами.
Отдельно распознаются чёрно-белые кадры. Инструмент различает три случая: полностью ахроматический кадр, обесцвеченный почти до монохрома и «ЧБ с цветным акцентом» — когда изображение нейтрально, но в нём есть насыщенное пятно. Последний вариант встречается часто и раньше ошибочно определялся как Bleach bypass, хотя это разные приёмы: bleach bypass обесцвечивает весь кадр, а цветной акцент оставляют намеренно.
Колор-скрипт для серии кадров
Отдельная вкладка для работы с последовательностью. Загрузите от 2 до 6 кадров одной сцены — инструмент соберёт:
- Линию колор-скрипта — вертикальные полосы, где высота каждого цвета показывает его долю в кадре. Идёт слева направо по порядку кадров, поэтому видно, как цвет развивается: нарастает ли холод, вспыхивает ли акцент к финалу.
- Общую палитру серии — повторная кластеризация центров всех кадров. Это не среднее арифметическое, а именно те цвета, которые держат сцену вместе.
- Промпт для серии — без привязки к конкретному кадру, чтобы вы могли сгенерировать несколько изображений в едином цветовом ключе.
Приём пришёл из анимации: в Pixar и Ghibli колор-скрипт рисуют до начала производства, чтобы задать эмоциональную кривую фильма через цвет. Здесь вы получаете его обратной разработкой из готового материала.
Экспорт
PNG-карточка разбора — кадр, круг, палитра, схема и промпт в одном файле шириной 2400 px. Готовый слайд для презентации или пост для соцсетей.
PNG-палитра — чистые плашки с HEX, названиями и долями, 2800 px. Удобно приложить к ТЗ.
Колор-скрипт PNG — все кадры серии, линия развития и общая палитра, 3200 px.
Код палитры — четыре формата: список HEX, CSS-переменные, SCSS-мапа и подробный JSON с координатами OKLCH и названиями на двух языках.
Приватность и скорость
Изображение не покидает ваш компьютер. Нет загрузки на сервер, нет очереди обработки, нет хранения. Весь расчёт идёт в браузере на JavaScript. Из этого следуют три вещи:
- Разбор занимает доли секунды даже на слабом ноутбуке или смартфоне — анализ идёт по уменьшенной копии в 220 пикселей по длинной стороне, чего достаточно для статистики цвета.
- Инструмент работает без интернета после загрузки страницы.
- И вы можете спокойно анализировать материал под NDA — он физически никуда не отправляется.
Чего инструмент не делает
Список ограничений:
- Не распознаёт объекты и лица. Опция «телесные тона» — это диапазон оттенков на круге, а не детекция человека (нет FACEDETECT API). В него попадают кожа, дерево, песок, кирпич и тёплый свет. Алгоритм видит цвет, а не смысл.
- Не воспроизводит кадр. Промпт задаёт цветовое направление. Композиция, свет и точные оттенки не копируются — нейросеть создаёт новое изображение в похожей палитре.
- Не заменяет LUT-файл. Раздел «Похоже на грейд» называет тип цветокоррекции, но не генерирует .cube. Это подсказка направления для ручной работы, а не готовый пресет.
- Названия цветов не стандартизированы. «Сливовый» или «баклажановый» — общепринятые обозначения, но другой справочник может назвать тот же оттенок иначе. Единого международного стандарта на бытовые названия цветов не существует; Pantone закрыт и платен, а научный ISCC-NBS выдаёт формулировки вроде «тёмный серовато-красноватый пурпурный», непригодные для промпта.
- Два близких оттенка могут получить одно название.** Справочник содержит 150 якорей — если два цвета кадра лежат рядом, оба найдут ближайшим один и тот же. HEX-коды при этом остаются разными и точными.
- Слабонасыщенные оттенки на чёрно-белом кадре считаются нейтралями.** Антиалиасинг и сжатие оставляют на границах серого лёгкий цветной отлив. В палитре он виден, но в промпт не попадает: иначе он вытеснил бы настоящий акцент, который меньше по площади, но заметнее для глаза.
Частые вопросы
Инструмент бесплатный?
Да, полностью. Без регистрации, лимитов и водяных знаков.
Куда загружаются мои изображения?
Никуда. Обработка идёт в вашем браузере, файл не отправляется на сервер.
Работает на телефоне?
Да, интерфейс адаптирован.
Сколько цветов лучше выбрать?
Для кадров из фильмов оптимально 5–6. Для логотипов и графики достаточно 3–4. Восемь имеет смысл для сложных сцен, но часть кластеров может получить долю около нуля.
Почему схема определилась с уверенностью 60%, а не 100%?
Реальные кадры редко построены строго по геометрии цветового круга. Процент показывает, насколько палитра близка к идеальной модели. Значение выше 70% — уверенное попадание, 50–70% — тенденция, ниже 50% — палитра не укладывается ни в одну классическую схему.
Промпт подойдёт для любой нейросети?
Он универсален по формату: словесные названия плюс HEX-коды. Модели, работающие с развёрнутым текстовым описанием, воспринимают его корректно. Генераторы с коротким промптом лучше принимают сокращённую версию — оставьте описание палитры и схему, уберите тональность. Данный промпт-шаблон проверен на таких нейросетях как NanoBanana, SeeDream и GPT Image.
Чем это отличается от обычной пипетки?
Пипетка берёт цвет одного пикселя (в Photoshop можно настроить брать цвет усреднённый цвет по области нескольких пикселей). Здесь считается статистика по всему кадру: какие цвета доминируют, в какой пропорции, как они соотносятся между собой и какую систему образуют.
Почему на плашках сумма процентов равна 100%, если кадр почти серый?
Проценты на плашках показывают долю внутри цветной части палитры, а не от всего кадра. Строка под лентой пропорций даёт абсолютное соотношение: «Цветные пиксели: 2% кадра · нейтрали: 98%». В промпт подставляются именно абсолютные значения.
Инструмент работает с чёрно-белыми изображениями?
Да. Кадр без цвета разбирается по нейтральным зонам светлоты, а промпт описывает его как чёрно-белый. Если в ЧБ-кадре есть цветной акцент, он определяется отдельно с указанием реальной доли — даже если занимает меньше процента площади.
Можно ли использовать результат в коммерческих проектах?
Да. Палитра, извлечённая из изображения, — это фактические данные, а не объект авторского права. При этом само исходное изображение может быть защищено — учитывайте это (как всегда), если планируете использовать сам кадр.
Добавьте инструмент в избранное
Страницу с инструментом Цвета из изображения Color Script можно добавить в избранное, что бы не потерять. Нажмите Ctrl + D. Или перетащите вкладку на панель закладок. Color Script будет под рукой: без рекламы, без регистрации и без ожидания загрузки на сервер.
А если хотите разобраться глубже — читайте полное руководство по Color Script с пошаговыми примерами всех функций.
Другие бесплатные инструменты для дизайнеров и фотографов:
Генератор полутона — типографский растр, дизеринг и эффект ризографа.
Генератор шума — плёночное зерно и зернистые градиенты в CSS, SVG и PNG.
Проверка контраста — расчёт коэффициента контрастности по WCAG 2.1.
Калькулятор пропорций холста — соотношение сторон, сантиметры в пиксели.
Генератор ТЗ — брифы и идеи для портфолио за 10 секунд.
Все онлайн-инструменты на сайте доступны на странице https://vitalydsgn.ru/tools
Обновления
30.08.2026: Версия 2.3.1. В промпт попадают все цвета палитры — раньше оттенки с долей меньше 3% отбрасывались, и генератор их не учитывал. Ползунок «Цветов в палитре» теперь напрямую управляет длиной описания.
Промпт всегда начинается с «Цветовая палитра» независимо от типа изображения: слово «кадр» сбивало генератор в сторону фотографии.
Исправлены незначительные баги.
30.08.2026: Версия 2.3.0. Улучшен Экспорт. Нейтральная база выводится во все три PNG-экспорта и появилась во вкладке «Колор-скрипт» — раньше её было видно только в разборе одного кадра, из-за чего экспорт чёрно-белого материала выглядел почти пустым. В промпт добавлены отдельные доли белого и чёрного: диапазон «от белого до чёрного» говорил только о крайних точках, но не о том, что треть кадра — пустой белый фон.
Название грейда переводится на английский вместе с остальным промптом.
Улучшен рендер цветового круга. Цветовой круг в карточке разбора теперь рендерится в полном разрешении экспорта.
29.08.2026: Версия 2.2.0. Улучшен вывод промпта. Промпт перестраивается под характер кадра: почти чёрно-белые изображения описываются как нейтральные с указанием цветного акцента отдельно. Раньше единственный цветной кластер получал формулировку «преобладает», и нейросеть генерировала полностью цветную картинку вместо ЧБ с акцентом. Доли цветов в промпте теперь абсолютные — от кадра, а не от палитры.
Добавлены новые грейды «Чёрно-белый» и «ЧБ с цветным акцентом». Под палитрой выводится соотношение цветных пикселей и нейтралей.
27.08.2026: Версия 2.1.0. Грейд (LUT) добавлен в промпт рядом со схемой. Разрешение экспорта увеличено: карточка разбора ×1,5, палитра и колор-скрипт ×2.
26.08.2026: Версия 2.0.0. Повышена точность распознавания цветов. Названия цветов переведены на справочник из 150 оттенков с поиском ближайшего в OKLab. Раньше название собиралось по формуле «насыщенность + светлота + оттенок», из-за чего сливовый становился «почти серым тёмным розовым»: коричневого, бордового и сливового не существует как угла на цветовом круге, они возникают только из сочетания всех трёх координат.
25.08.2026: Версия 1.2.0. Тональные зоны считаются по перцентилям, а не по фиксированной светлоте — чёрные полосы больше не выдаются за «нейтральные тени». Добавлен второй путь распознавания Teal & Orange по составу палитры. Комплементарная схема учитывает противопоставление тёплого и холодного, а не только угол в 180°.
24.08.2026: Версия 1.1.0. Из колор-скрипта PNG убран промпт, исправлена обрезка нижней части файла. Названия цветов в экспорте больше не налезают друг на друга. Фразы промпта начинаются с заглавной буквы, из промпта серии убраны служебные вставки.
24.08.2026: Версия 1.0.0. Релиз.
О сайте
Индивидуальный коммерческий дизайн «под ключ» — соц, сети, уникальные обложки, маркетплейсы и портфолио.
© Copyrights, 2026. Все права защищены