CDRN

Extrahovať dominantné farby z obrázka

  • Dashboard
  • Dokumentácia
  • API
extrahuje dominantné farby z obrázka a zostaví harmonickú paletu pripravenú na použitie (HEX, RGB, HSL). Ideálne na odvodenie vizuálnej identity alebo inšpiráciu z fotografie

Prečo používať nástroj na extrakciu farebnej palety?

Extrakcia farebnej palety z fotky je nevyhnutná pre dizajnérov a vývojárov. Tento nástroj zjednodušuje proces tým, že umožňuje rýchlo a presne extrahovať dominantné farby obrázka, zoskupovaním podobných farieb, čo uľahčuje vytváranie harmonických farebných paliet pre vaše projekty.

Charakteristiky nástroja na extrakciu farebnej palety

Tento nástroj na extrakciu farebnej palety vám umožňuje nahrať fotku a extrahovať dominantné farby obrázka. Používa clustering algoritmus na zoskupenie podobných farieb, čo vám umožňuje okamžite získať harmonickú farebnú paletu pre vaše dizajnové a vývojové projekty.

Ako používať nástroj na extrakciu farebnej palety

Pre použitie nástroja na extrakciu farebnej palety nasledujte tieto jednoduché kroky:

  1. Nahrajte fotku pomocou vyhradeného formulára.
  2. Kliknite na tlačidlo "Extrahovať". Nástroj analyzuje obrázok a zobrazí extrahovanú farebnú paletu, zoskupením podobných farieb.

Príklad použitia nástroja na extrakciu farebnej palety

Tu je príklad farebnej palety extrahovanej z fotky:

#cececc

#262123

#daad90

#229fbd

Často kladené otázky

Aké obrázkové formáty sú akceptované?

Extraktor akceptuje klasické webové bitmapové obrázky: JPG, JPEG, PNG, GIF a WebP. Vektorové obrázky (SVG) nie sú relevantné pre toto spracovanie, pretože už opisujú svoje farby v kóde. Pre SVG súbor ho otvorte v textovom editore a čítajte priamo HEX hodnoty prítomné v atribútoch fill a stroke.

Aká je maximálna akceptovaná veľkosť obrázka?

Súbory do približne 10 MB prejdú bez ťažkostí. Nad tým zostáva spracovanie možné, ale výrazne spomaľuje. Pre urýchlenie extrakcie veľmi vysoko rozlišovacej fotky ju zmenšite na približne 1500 px šírky: dominantná paleta zostáva identická, analýza je oveľa rýchlejšia.

Aký rozdiel medzi extraktorom palety a color pickerom?

Color picker vracia farbu presného pixelu cieleného myšou. Extraktor palety analyzuje celý obrázok, zoskupuje vizuálne blízke pixely clusteringom, potom vracia n dominantných farieb. Picker je užitočný pre ukázanie detailu, extraktor pre pochopenie celkovej chromatickej atmosféry fotky.

Ako algoritmus zoskupuje farby?

Nástroj používa clustering typu k-means v RGB priestore: každý pixel je priblížený k centru najbližšej triedy, potom sú centrá prepočítané pri každej iterácii do stabilizácie. Výsledok je zoznam reprezentatívnych farieb, vyjadrených v HEX, ktoré sumarizujú obrázok bez šumu.

Je môj obrázok uložený na serveri?

Obrázok je odoslaný na server počas trvania analýzy pixel po pixeli, potom okamžite zničený po extrakcii palety. Žiadny súbor nie je uchovávaný na disku. EXIF metadáta (geolokácia, model fotoaparátu) nie sú využívané a miznú s pôvodným súborom.

K čomu konkrétne slúži extrahovaná paleta?

Použití je veľa: zaviesť grafickú chartu na fotku produktu, prefarbiť obchodný web pre zápasenie atmosféry hero vizuálu, napájať dark tému z diela, alebo generovať design tokeny v CSS, SASS alebo Tailwind súbore. Získanú paletu možno potom spresniť v generátore palety alebo konvertovať konvertorom farieb.

Ukážka požiadavky

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

Vstupná schéma

Pole Typ Povinné Predvolené
image file ✓ –
number integer ✓ –

tento nástroj očakáva súbor - použite Content-Type multipart/form-data namiesto application/json

Koncové body

  • GET https://cdrn.fr/api/v1/tools - vypíše všetky dostupné nástroje
  • GET https://cdrn.fr/api/v1/tools/color-extractor - získa schému tohto nástroja
  • POST https://cdrn.fr/api/v1/tools/color-extractor/execute - spustí tento nástroj s JSON payloadom