CDRN

Извличане на доминиращите цветове от изображение

  • Табло
  • Документация
  • API
извлича доминиращите цветове от изображение и съставя хармонична палитра, готова за употреба (HEX, RGB, HSL). Идеално за извеждане на визуална идентичност или вдъхновение от фотография

Защо да използвате инструмент за извличане на цветова палитра?

Извличането на цветова палитра от снимка е от съществено значение за дизайнерите и разработчиците. Този инструмент опростява процеса чрез бързо и точно извличане на доминиращи цветове от изображение, групиране на подобни цветове заедно, което улеснява създаването на хармонични цветови палитри за вашите проекти.

Характеристики на инструмента за извличане на цветова палитра

Този инструмент за извличане на цветова палитра ви позволява да качите снимка и да извлечете доминиращите цветове от изображението. Той използва алгоритъм за групиране, за да групира подобни цветове заедно, което ви позволява незабавно да постигнете хармонична цветова палитра за вашите проекти за проектиране и разработка.

Как да използвате инструмента за извличане на цветовата палитра

За да използвате инструмента за извличане на цветова палитра, следвайте тези прости стъпки:

  1. Качете снимка, като използвате формуляра, предоставен за тази цел.
  2. Щракнете върху бутона „Извличане“. Инструментът ще анализира изображението и ще покаже извлечената цветова палитра, групирайки подобни цветове.

Пример за използване на инструмента за извличане на цветова палитра

Ето пример за цветова палитра, извлечена от снимка:

#cececc

#262123

#daad90

#229fbd

Често задавани въпроси

Какви формати на изображения се приемат?

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

Какъв е максималният допустим размер на изображението?

Файлове до около 10 MB преминават без затруднения. Освен това лечението остава възможно, но се забавя значително. За да ускорите извличането на снимка с много висока разделителна способност, преоразмерете я до приблизително 1500 px ширина: доминиращата палитра остава същата, анализът е много по-бърз.

Каква е разликата между екстрактор на палитра и инструмент за избор на цвят?

Инструментът за избор на цвят връща цвета на конкретен пиксел, насочен към мишката. Инструментът за извличане на палитри анализира цялото изображение, групира визуално близки пиксели заедно чрез групиране, след което връща доминиращите n цветове. Инструментът за избор е полезен за посочване на детайл, екстракторът за разбиране на цялостната хроматична атмосфера на снимка.

Как алгоритъмът групира цветовете?

Инструментът използва групиране на k-средства в RGB пространство: всеки пиксел се доближава до най-близкия център на класа, след което центровете се преизчисляват при всяка итерация до стабилизиране. Резултатът е списък с представителни цветове, изразени в HEX, които обобщават изображението без шум.

Моето изображение съхранява ли се на сървъра?

Изображението се изпраща на сървъра за анализ пиксел по пиксел, след което се унищожава веднага след извличане от палитрата. На диска не се съхраняват файлове. EXIF метаданните (геолокация, модел на камера) не се използват и изчезват с оригиналния файл.

За какво всъщност се използва извлечената палитра?

Има много приложения: прикачете графична харта към снимка на продукт, преоцветете сайт на търговец, за да съответства на атмосферата на визуален герой, попълнете тъмна тема от произведение или генерирайте жетони за дизайн във файл 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