CDRN

Витягти домінантні кольори із зображення

  • Панель керування
  • Документація
  • API
витягує домінантні кольори із зображення та створює гармонійну палітру готову до використання (HEX, RGB, HSL). Ідеально для розробки фірмового стилю або натхнення від фотографії

Навіщо використовувати інструмент витягування кольорової палітри?

Витягування кольорової палітри з фотографії є суттєвим для дизайнерів і розробників. Цей інструмент спрощує процес, дозволяючи швидко і точно витягувати домінантні кольори із зображення, групуючи схожі кольори, полегшуючи таким чином створення гармонійних кольорових палітр для ваших проектів.

Характеристики інструменту витягування кольорової палітри

Цей інструмент витягування кольорової палітри дозволяє завантажити фотографію та витягти домінантні кольори зображення. Він використовує алгоритм кластеризації для групування схожих кольорів, дозволяючи миттєво отримати гармонійну кольорову палітру для ваших дизайнерських та розробницьких проектів.

Як користуватися інструментом витягування кольорової палітри

Для використання інструменту витягування кольорової палітри виконайте ці прості кроки:

  1. Завантажте фотографію за допомогою відповідної форми.
  2. Натисніть кнопку "Витягти". Інструмент аналізує зображення та відображає витягнуту кольорову палітру, групуючи схожі кольори.

Приклад використання інструменту витягування кольорової палітри

Ось приклад кольорової палітри, витягнутої з фотографії:

#cececc

#262123

#daad90

#229fbd

Часті запитання

Які формати зображень прийнятні?

Екстрактор приймає класичні растрові веб-формати: JPG, JPEG, PNG, GIF та WebP. Векторні зображення (SVG) не є релевантними для цієї обробки, оскільки вони вже описують свої кольори у коді. Для SVG-файлу відкрийте його у текстовому редакторі та читайте безпосередньо значення HEX, присутні в атрибутах fill і stroke.

Який максимальний розмір зображення прийнятний?

Файли до приблизно 10 МБ проходять без труднощів. Понад цього розміру обробка залишається можливою, але помітно сповільнюється. Для прискорення витягування дуже високороздільної фотографії, змініть її розмір до приблизно 1500 пікселів шириною: домінантна палітра залишається однаковою, аналіз набагато швидший.

В чому різниця між екстрактором палітри та color picker?

Color picker повертає колір точного пікселя, на який наведено мишу. Екстрактор палітри аналізує все зображення, групує візуально близькі пікселі шляхом кластеризації, потім повертає n домінантних кольорів. Picker корисний для вказівки деталі, екстрактор - для розуміння загальної хроматичної атмосфери фотографії.

Як алгоритм групує кольори?

Інструмент використовує кластеризацію типу k-means у просторі RGB: кожен піксель наближається до найближчого центру класу, потім центри перераховуються на кожній ітерації до стабілізації. Результат - список репрезентативних кольорів, виражених у HEX, що узагальнюють зображення без шуму.

Чи зберігається моє зображення на сервері?

Зображення надсилається на сервер під час попіксельного аналізу, потім негайно знищується після витягування палітри. Жодний файл не зберігається на диску. Метадані EXIF (геолокація, модель фотоапарата) не використовуються та зникають разом з оригінальним файлом.

Для чого конкретно використовується витягнута палітра?

Використань чимало: узгодити фірмовий стиль із фотографією продукту, перефарбувати торговий сайт для відповідності атмосфері візуального hero, наповнити темну тему на основі твору, або генерувати дизайн-токени у файлі CSS, SASS або Tailwind. Отримана палітра може бути потім доопрацьована у генераторі палітри або конвертована за допомогою конвертера кольорів.

Приклад запиту

curl -X POST https://cdrn.fr/api/v1/tools/color-extractor/execute \
  -F "image=@/path/to/file" \
  -F "number=1"

Схема вхідних даних

Поле Тип Обов'язкове За замовчуванням
image file ✓ –
number integer ✓ –

цей інструмент очікує файл - використовуйте Content-Type multipart/form-data замість application/json

Точки доступу

  • GET https://cdrn.fr/api/v1/tools - перелічує всі доступні інструменти
  • GET https://cdrn.fr/api/v1/tools/color-extractor - отримує схему цього інструменту
  • POST https://cdrn.fr/api/v1/tools/color-extractor/execute - виконує цей інструмент з JSON-payload